javascript - 如何选中两个同名的复选框

Question

所以我有一个 ajax 搜索表单，它提供带有复选框的结果: 以下是每个搜索结果的部分 PHP 代码:

<input type="checkbox" class="lovkrav_checkbox checkbox_search" name="lovkrav['.$lovkrav_id.']" value="'.$lovkrav_id.'" orig-id="lovkrav'.$lovkrav_id.'" id="lovkravs'.$lovkrav_id.'" '.$checked.'/>

网站上已经有一个同名但 ID 不同的双复选框。 通过使用“orig-id”属性，我获得了双复选框的 ID。两个复选框具有相同的类 lovkrav_checkbox。

我发现双复选框检测到了单击事件，但不是您单击的复选框! 这是代码:

 $(document).on("click",".lovkrav_checkbox",function(e){
    toggle_id = document.getElementById($(this).attr("orig-id"));        
    $(toggle_id).trigger("click");
});

我想要实现的是，当用户单击一个复选框时 - 双复选框(具有相同名称属性的复选框)也将被选中/取消选中。

我做错了什么？

Answer 1

使用普通 JavaScript 切换选中状态会更容易。

HTML

<input type="checkbox" name="test">
<input type="checkbox" name="test">

JS

//All of the checkboxes
var $checkboxes = $("input[type=checkbox][name=test]");

//The event handler
$checkboxes.on("click", function() {
    //Get the state of the check box you clicked
    var checkedState = this.checked

    //Make it the state of all the checkboxes
    $checkboxes.each(function() {
        this.checked = checkedState;
    });
});

这是fiddle