Question

jquery checkbox点击后隐藏自身

51JOB上面有的方案，点击复选框后，本身被取消选择并隐藏，该
怎么写？如下：所有选框都是选中的，希望点击后取消选中，并且选项被隐藏起来。
<ul>
<li><label><input type="checkbox" name="name[]" value="1" onclick="check()" checked="true">选项一</label></li>
<li><label><input type="checkbox" name="name[]" value="2" onclick="check()" checked="true">选项二</label></li>
</ul>
function check()
{
$(this).parents("li").hide();
}
这样写好像不行。。。

Answer 1

方案1

<ul>
	<li><label><input type="checkbox" name="name[]" value="1" onclick="check(this)" checked="true">选项一</label></li>
	<li><label><input type="checkbox" name="name[]" value="2" onclick="check(this)" checked="true">选项二</label></li>
</ul>
<script type="text/javascript">
function check(obj){
	$("input[value='"+obj.value+"']").parents("li").hide();
}
</script>

方案2

<ul>
	<li><label><input type="checkbox" name="name[]" value="1" checked="true">选项一</label></li>
	<li><label><input type="checkbox" name="name[]" value="2" checked="true">选项二</label></li>
</ul>
<script>
$(function(){
	$("ul input:checkbox").click(function() {
		$(this).parents("li").hide();
	});
})
</script>

Answer 2

<ul>

<li><label><input type="checkbox" name="name[]" value="1" onclick="check(this)" checked="true">选项一</label></li>
<li><label><input type="checkbox" name="name[]" value="2" onclick="check(this)" checked="true">选项二</label></li>
</ul>
function check(this)
{
$(this).parents("li").hide();

}
试试