2011-08-24 53 views
2

我有一个网页,其中有一个复选框位于页面顶部,另一个复选框位于页面底部。现在我的问题是,如果我检查顶部复选框底部复选框也需要检查,如果我取消选中底部复选框顶部复选框需要取消选中。 两个复选框的功能必须相同。 这必须由Jquery解决。关于Jquery中的复选框

+1

你在做什么puja?你可以在这里粘贴你的代码吗? – AlphaMale

回答

-3

给这个一去

$(document).ready(function(){ 
    $("input[type=checkbox]").change(function(){$("input[type=checkbox]").attr("checked",$(this).attr("checked"));} 
}) 
+1

它会影响页面上的任何输入 –

+0

这是错误的,复选框的值不会给你复选框的状态。 “检查”是输入参数,与“值”是参数相同。 – Deele

+0

Geez ...停止成为一个负面的南希 – Coomie

0

问题出在哪里,阅读jQuery文档? :thumbsdown:对于这样一个简单的问题...

选择所有复选框或特定的一个:

var chkbx = $('input[type=checkbox]'); 

知道的,如果它的检查:

chkbx.is(':checked'); 

检查它,如果需要的话:

chkbx.attr('checked', true); 

或者取消:

同时放所有复选框
chkbx.attr('checked', false); 

更改状态(如果选择通过修改select语句的具体的人,你会得到你需要的东西):

chkbx.change(function(){ 
$('input[type=checkbox]').attr('checked', $(this).is(':checked')) 
}); 

我希望,这是足以让你解决你的情况。

+0

@puja,你的意思是,离jQuery很远? :P – Deele

+0

@puja,另外,如果您喜欢任何给定的答案,请在其左侧使用复选标记,以奖励回复者,因为他的花费时间有问题:) – Deele

0

尝试是这样的:

$("input[type=checkbox]").change(function() { 
    var val = $(this).attr('checked'); 
    $("input[type=checkbox]").each(function() { 
     $(this).attr('checked', val); 
    }); 
}); 
1

下面是我们如何可以限制的功能只针对需要两个复选框。

<html> 
<script type="text/javascript" src="jquery-1.5.1.min.js"></script> 
<script> 
$(document).ready(function(){ 
    $(".checkBoxClass").click(function() { 
      $(".checkBoxClass").attr("checked",$(this).attr("checked")); 
    }); 
}); 
</script> 
<input type="checkbox" class="checkBoxClass" value="" />Top<br/> 

<input type="checkbox" class="checkBoxClass" value="" />Bottom 
</html>