复选框，取消选择和选择

Question

时checkbox1选择两个复选框标记1将获得选择和背景将被删除

here is the fiddle

对于例如，如果我选择checkbox1应该选择两个复选框标记checkbox1我要的是

Answer 1

问题是，搜索ID $（“＃somethin”）是不可能选择多个元素的。如果您搜索类，那么你的榜样工程..良好，some minor changes :)

$(document).ready(function() { 
    $('input[type=checkbox]').change(function(){ 
     var pos; 
     pos = this.id; 

     // global hook - unblock UI when ajax request completes 
     $(document).ajaxStop($.unblockUI); 


     if($(this).prop("checked")) { 
      $("."+pos).parent().removeClass("highlight"); 
      $("."+pos).prop('checked', true) 

      //ajax to add uni 
     } else { 
      //ajax to remove uni 
      $("."+pos).parent().addClass("highlight"); 
      $("."+pos).prop('checked', false) 


     } 
    }); 

}); 

Answer 2

你不能有相同ID的多个DOM元素。

查看this fiddle作为一个工作示例，但它不像您可能需要的那样通用。

Answer 3

使用class选择多个元素。你可以试试这个..

<script language="javascript" type="text/javascript"> 
    $(function() { 
     $("#checkbox1").click(function() { 
      $('.case').attr('checked', this.checked); 
     }); 
    }); 
</script> 

和你的HTML代码就会像下面

<div> 
    <table> 
<tr> 
    <td><input type="checkbox" id="checkbox1" class="highlight"/></td> 
    <td>Item1</td> 
    <td>value</td> 
</tr> 
<tr> 
    <td align="center"><input type="checkbox" class="case" name="case" value="1"/></td> 
    <td>Item2</td> 
    <td>value</td> 
</tr> 

</table> 
    </div>