如果选中2个特定复选框,则显示DIV,如果只选中一个复选框,则显示不同的DIV [英] Show DIV if 2 specific Checkboxes are checked, if only one checked show different DIV
本文介绍了如果选中2个特定复选框,则显示DIV,如果只选中一个复选框,则显示不同的DIV的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我想实现的是一种方式来显示一个div如果2个复选框被选中,如果只有一个被选中显示别的if else if 3个复选框被选中再次显示一个不同的div。
我试图有一个工作版本....任何帮助?
What I want to achieved is a way to show a div if 2 checkboxes are checked and show something else if only one is checked else if 3 checkboxes are checked show a different div once again. I'm trying to have a working version of it.... Any help?
看看这个例子:
http://jsfiddle.net/downloadtaky/FpF7T/
推荐答案
将标记更改为
<table>
<tr>
<td><input type="checkbox" name="opzioni" data-grp="vano1gop1" value="van ass obb 1g op1" class="opzioni" />Opzione 1</td>
<td><input type="checkbox" name="opzioni" data-grp="vano1gop2,vano1gop3" value="van ass obb 1g op1" class="opzioni" />Opzione 2</td>
<td><input type="checkbox" name="opzioni" data-grp="vano1gop4" value="van ass obb 1g op1" class="opzioni" />Opzione 3</td>
</tr>
</table>
<div id="vano1gop1" class="vano1grp">Hai scelto l'opzione 1</div>
<div id="vano1gop2" class="vano1grp">Hai scelto l'opzione 2</div>
<div id="vano1gop3" class="vano1grp">Hai scelto l'opzione 3</div>
<div id="vano1gop4" class="vano1grp">Hai scelto l'opzione 4</div>
,然后使用以下JS
$(function(){
$('.opzioni').click(function(){
var checked = $(this).attr("checked");
var grps = $(this).data("grp").split(",");
$.each(grps, function(i, value){
var elem = $("#" + value);
checked ? elem.show() : elem.hide();
});
});
});
这篇关于如果选中2个特定复选框,则显示DIV,如果只选中一个复选框,则显示不同的DIV的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文