Question

我想要的是当选中checkbox1时，标记为1的复选框将被选中并且背景将被删除

例如，如果我选择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>

复选框，取消选中并选择

3 个答案: