2017-10-20 17 views
1

2つのチェックボックスを持つ2つのjQueryモーダルポップアップがあります。両方のチェックボックスを同時にチェックする方法とチェックを外す方法は?jQueryを使用して一度に2つのチェックボックスを使用する方法

たとえば、modal popup1にはchkbox no1があり、modal-popup2にはchkbox no2があります。 chkbox no1がチェックされているときにchkbox no2もチェックし、その逆も欲しい。

私は両方のchkboxに同じクラスと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; 
    } 
} 
+0

てみ '$( 'viz_chart-show_valueは')。(プロパ'checked'、$(elem).is( ':checked')); ' - 削除されたコメントの中でタイプミスをしましたが、これはうまくいくはずです。 – Walk

答えて

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; 
 
    } 
 
    $('.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/>

+0

絶対完璧です、ありがとうございました@ Walk.Iはちょうど両方のチェックボックスをチェックする条件が不足していました。 – user3172663

0

私が正しく理解していれば、両方のチェックボックスを同時にチェックしたいと思います。このようなものを使用します(。それはこのスニペットで未定義ですので、私はDatavizを持つ行をコメントアウト)

function clcikchkbox(){ 
 
var ch1=$('#checkboxno1').is(':checked'); //return true or false 
 
var ch2=$('#checkboxno2').is(':checked'); //return true or false 
 
    
 
    if (ch1 && ch2) { //if both checkboxs were checked 
 
     Dataviz.setting.chart[0].showvalue = 1; 
 
    } else { 
 
     Dataviz.setting.chart[0].showvalue = 0; 
 
    } 
 
}

関連する問題