複選框，取消選擇和選擇

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>