当选中复选框2或复选框3时,jquery选择复选框1

时间:2010-08-20 03:07:49

标签: jquery checkbox

如果您点击复选框2或复选框3并选择其中一个,我怎么说 然后强制选中checkbox1

$('input:checkbox').click(function() {
 if ($(this).attr('class') == 'checkbox2' || $(this).attr('class') == 'checkbox3')
  {   
    if($(this).attr('checked',true))
    {
      $(this).parent().....
    }
}

});

<TD> 

<div class='checkboxes'>
<LABEL style="white-space: nowrap;">
<INPUT type="checkbox" name="user_registered[8253]" value="36" class="checkbox1" >
</LABEL><BR>     

<LABEL style="white-space: nowrap;">
<INPUT type="checkbox" name="user_registered[8253]" value="14" class="checkbox2" >
</LABEL><BR>     

<LABEL style="white-space: nowrap;">
<INPUT type="checkbox" name="user_registered[8253]" value="14" class="checkbox3" >
</LABEL><BR>     

</div>
</TD>

<TD> 

<div class='checkboxes'>
<LABEL style="white-space: nowrap;">
<INPUT type="checkbox" name="user_registered[8251]" value="36" class="checkbox1" >
</LABEL><BR>     

<LABEL style="white-space: nowrap;">
<INPUT type="checkbox" name="user_registered[8251]" value="14" class="checkbox2" >
</LABEL><BR>     

<LABEL style="white-space: nowrap;">
<INPUT type="checkbox" name="user_registered[8251]" value="14" class="checkbox3" >
</LABEL><BR>     

</div>
</TD>

1 个答案:

答案 0 :(得分:1)

基本上,你可以在click2和checkbox3上放置一个click功能,这样当它们被点击时,它们会检查它们是否现在被选中。如果是,则应选择checkbox1。

当然,如果未选中,则可以添加其他工作以取消选中checkbox1,但未在问题中指定。 (只需在声明中添加一个else。)

$('input.checkbox2, input.checkbox3').click(function() {
    if ($(this).is(':checked')) {
        $(this).siblings('input.checkbox1').attr('checked', true);  
    }
});

如果checkbox2和checkbox3不是直接兄弟,您可能需要使用该名称,以便您可以正确选择正确的checkbox1,这很容易做到。不过,我的大脑是油炸的,我需要睡觉。希望这有帮助!