Question

我有3个复选框和几行的表格。

我们说复选框chk_1，chk_2和chk_3。 P.S：默认情况下检查chk_1。

我要求的条件是：

如果选中chk_1 - ＆gt;仅显示表格行A
如果选中chk_2 - ＆gt;仅显示表格行A
如果选中chk_3 - ＆gt;仅显示表格行B
如果检查chk_1和chk_2 - >仅显示表格行A
如果检查chk_1和chk_3 - >显示表格行A和B
如果选中chk_2和chk_3 - ＆gt;显示表格行A和B
如果检查chk_1，chk_2和chk_3 - >显示表格A行和B行。
$（ 'calculator_container'）隐藏（）。 $（'。angelpricingtable'）。css（'display'，'none'）; $（'。equity_tr'）。css（'display'，'none'）; $（'。commodity_tr'）。css（'display'，'none'）; var chk_1 = $（'＃equity_check'）。prop（“checked”）; var chk_2 = $（'＃derivative_check'）。prop（“checked”）; var chk_3 = $（'＃commodity_check'）。prop（“checked”）; if（chk_1 == true＆amp;＆amp; chk_2 == true＆amp;＆amp; chk_3 == true）{ $（ 'calculator_container'）显示（）。 $（'。angelpricingtable'）。css（'display'，'table'）; $（'。equity_tr'）。css（'display'，'table-row'）; $（'。commodity_tr'）。css（'display'，'table-row'）; }

Answer 1

var chk_1 = $('#chk_1').prop("checked");
var chk_2 = $('#chk_2').prop("checked");
var chk_3 = $('#chk_3').prop("checked");


if(chk_1 == true && chk_2 == true && chk_3 == true){
    //If chk_1, chk_2 and chk_3 checked -> display table row A and B both
}
else if(chk_1 == false && chk_2 == true && chk_3 == true){
    //If chk_1 and chk_2 checked -> display table row A only 
}
else if(chk_1 == true && chk_2 == false && chk_3 == true){
    //If chk_1 and chk_3 checked -> display table row A and B both
}
else if(chk_1 == true && chk_2 == true && chk_3 == false){
    //If chk_2 and chk_3 checked -> display table row A and B both
}
else if(chk_1 == false && chk_2 == false && chk_3 == true){
    //If chk_3 checked -> display table row B only
}
else if(chk_1 == false && chk_2 == true && chk_3 == false){
    //If chk_2 checked -> display table row A only
}
else if(chk_1 == true && chk_2 == false && chk_3 == false){
    //If chk_1 checked -> display table row A only
}

处理已检查的复选框jquery

1 个答案: