javascript - 如何使用 jQuery 一次选中两个复选框

Question

我有两个带有两个复选框的 jQuery 模式弹出窗口。如何同时选中或取消选中两个复选框？

例如:modal popup1 有 chkbox no1 和 Modal-popup2 有 chkbox no2。 我希望当 chkbox no1 被选中时，chkbox no2 也应该被选中，反之亦然。

我对两个复选框使用了相同的类和 onclick 函数。

 <input type="checkbox" id="checkboxno1" onClick="clcikchkbox(this)" chartshowvalue="#dialog-chart-setting" class="viz_chart-show_value" value=1/>
 <input type="checkbox" id="checkboxno2" onClick="clcikchkbox(this)" chartshowvalue="#dialog-chart-setting" class="viz_chart-show_value" value=1/>

 function clcikchkbox(elem){
 var addchartShowvalue = $(elem).attr('chartshowvalue');
    if ($(elem).is(':checked')) {
        Dataviz.setting.chart[0].showvalue = 1;
    } else {
        Dataviz.setting.chart[0].showvalue = 0;
    }
}

Answer 1

我在对您的帖子的原始评论中打错了字，这应该有效(我用 Dataviz 注释掉了行，因为它在此代码段中未定义。)

 function clcikchkbox(elem){
 var addchartShowvalue = $(elem).attr('chartshowvalue');
    if ($(elem).is(':checked')) {
        //Dataviz.setting.chart[0].showvalue = 1;
    } else {
        //Dataviz.setting.chart[0].showvalue = 0;
    }
    $('.viz_chart-show_value').prop('checked', $(elem).is(':checked'));
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="checkboxno1" onClick="clcikchkbox(this)" chartshowvalue="#dialog-chart-setting" class="viz_chart-show_value" value=1/>
<input type="checkbox" id="checkboxno2" onClick="clcikchkbox(this)" chartshowvalue="#dialog-chart-setting" class="viz_chart-show_value" value=1/>