当复选框被选中时,我希望隐藏一个包含输入字段的表格行。
我找到了一些可行的方法:
HTML
<table>
<tr id="row">
<td><input type="text"></td>
<td><input type="text"></td>
</tr>
<tr>
<td><input type="checkbox" id="checkbox">Hide inputs</td>
</tr>
</table>
脚本
$(document).ready(function () {
$('#checkbox').change(function () {
if (!this.checked)
$('#row').fadeIn('slow');
else
$('#row').fadeOut('slow');
});
});
但是这只有在复选框还没有被选中的情况下才有效。所以,如果一开始复选框已经被选中,我想要隐藏表格行。我应该怎么做?
请注意,我对JavaScript不是很了解,但我真的需要这个。