Javascript 如何使用jquery在两个不同的位置检查和取消检查同名复选框的值？

我有两个不同地方的同名复选框，如下所示

一个地方

使用此代码的任何人都可以执行此操作。

您可以将更改事件绑定到类place1和place2，并使用value属性可以选中和取消选中不同位置的复选框

$(".place1").change(function () {
   $("input[value=" + $(this).attr("value") + "].place2").prop("checked", $(this).prop("checked"));
});

$(".place2").change(function () {
    $("input[value=" + $(this).attr("value") + "].place1").prop("checked", $(this).prop("checked"));
});

您可以将更改事件绑定到类place1和place2，并使用value属性可以选中和取消选中不同位置的复选框

$(".place1").change(function () {
   $("input[value=" + $(this).attr("value") + "].place2").prop("checked", $(this).prop("checked"));
});

$(".place2").change(function () {
    $("input[value=" + $(this).attr("value") + "].place1").prop("checked", $(this).prop("checked"));
});

如果页面上存在不属于此功能的其他复选框，请选择“基于名称=复选框组”：

$document.readyfunction{ var cbs=$“输入[name=复选框组]”。单击函数{ cbs.filter$this.is.place1？.place2:.place1 +“[value='+this.value+']” .prop'checked'，this.checked } } 第一组： 第二组： 如果页面上存在不属于此功能的其他复选框，请选择“基于名称=复选框组”：

$document.readyfunction{ var cbs=$“输入[name=复选框组]”。单击函数{ cbs.filter$this.is.place1？.place2:.place1 +“[value='+this.value+']” .prop'checked'，this.checked } } 第一组： 第二组： 检查下面的代码片段

$document.readyfunction{ $input.place1[名称=复选框组]。在“单击”时，函数{ 如果$this.prop“checked”{ $input.place2[value=+$this.val+].prop'checked'，true； } 否则{ $input.place2[value=+$this.val+].prop'checked'，false； } } } 第一 第二 检查下面的代码片段

$document.readyfunction{ $input.place1[名称=复选框组]。在“单击”时，函数{ 如果$this.prop“checked”{ $input.place2[value=+$this.val+].prop'checked'，true； } 否则{ $input.place2[value=+$this.val+].prop'checked'，false； } } } 第一 第二

---

有不同的方法。这是一种方式

$'[name=checkbox group]'。单击，函数{ var val=$this.val； $'[name=checkbox group][value='+val+']'.prop'checked'，$this.is'：checked'； }; 第一 第二

---

有不同的方法。这是一种方式

$'[name=checkbox group]'。单击，函数{ var val=$this.val； $'[name=checkbox group][value='+val+']'.prop'checked'，$this.is'：checked'； }; 第一 第二

---

你需要把这段代码放在工作状态

$(document).ready(function() {
        $('input[type="checkbox"][name=checkbox-group]').change(function () {
            $("input[name=checkbox-group][value='" + $(this).val() + "']").prop('checked', $(this).is(':checked'))
        });
    });

---

你需要把这段代码放在工作状态

$(document).ready(function() {
        $('input[type="checkbox"][name=checkbox-group]').change(function () {
            $("input[name=checkbox-group][value='" + $(this).val() + "']").prop('checked', $(this).is(':checked'))
        });
    });

---

给我唯一的id，像这样吗

 <input name="checkbox-group" id="chk1" class="place1" value="1" type="checkbox" onclick="document.getElementById('chk2').checked = this.checked;" />


    <input name="checkbox-group_1" id="chk2" class="place2" value="1" type="checkbox" onclick="document.getElementById('chk1').checked = this.checked;" />

---

给我唯一的id，像这样吗

 <input name="checkbox-group" id="chk1" class="place1" value="1" type="checkbox" onclick="document.getElementById('chk2').checked = this.checked;" />


    <input name="checkbox-group_1" id="chk2" class="place2" value="1" type="checkbox" onclick="document.getElementById('chk1').checked = this.checked;" />

---

选择具有值等于clicked input的类place2的输入选择具有值等于clicked input的类place2的输入但是…那么您必须为每个复选框使用单独的单击处理程序。这不是很麻烦吗？但是……然后，您必须为每个复选框使用单独的单击处理程序。那不是很麻烦吗？