Javascript 使用JScript确定条件
伙计们，我的页面最多可以有3个复选框 目前，我有6个复选框。如果我勾选了所有6个复选框…3个表格将显示在顶部，3个表格将显示在底部。然而，我只想最多显示3个表格 因此，我想有一个检查条件在哪里 （1） 如果只勾选了1个复选框。它将通知用户必须至少勾选2个表才能进行比较。-完成 （2） 如果选择了3个以上的表。它将通知用户它无法继续，并且不会带来任何表。-需要帮助吗Javascript 使用JScript确定条件,javascript,Javascript,伙计们，我的页面最多可以有3个复选框 目前，我有6个复选框。如果我勾选了所有6个复选框…3个表格将显示在顶部，3个表格将显示在底部。然而，我只想最多显示3个表格 因此，我想有一个检查条件在哪里 （1） 如果只勾选了1个复选框。它将通知用户必须至少勾选2个表才能进行比较。-完成 （2） 如果选择了3个以上的表。它将通知用户它无法继续，并且不会带来任何表。-需要帮助吗 <!DOC HTML> <html> <TITLE></TITLE> <hea
<!DOC HTML>
<html>
<TITLE></TITLE>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('input[type="submit"]').click(function () {
if($('input[name=Option]:checked').length >1)
{
$('.frame-wrapper').fadeOut();
$('input[name=Option]').each(function() {
if ($(this).prop("checked"))
{
$('.frame-wrapper').eq( $(this).index() -1 ).fadeIn();
}
});
}
else
{
alert("You must compare with more than 1 item.!!");
}
});
$('input[type="compare"]').click(function () {
$('.frame-wrapper').eq( $(this).index() -1 ).fadeIn();
});
});
</script>
<style type="text/css">
.frame-wrapper {
display: none;
float: left;
width: 32%;
margin-top: 20px;
margin-right: 1%;
background-color: #eee;
}
</style>
</head>
<body>
<b>Please select an option</b>
A <input type="checkbox" name="Option" />
B <input type="checkbox" name="Option" />
C <input type="checkbox" name="Option" />
D <input type="checkbox" name="Option" />
E <input type="checkbox" name="Option" />
F <input type="checkbox" name="Option" />
<input type="submit" value="Compare"/>
<input type="reset" name="clear" value="Clear"/>
<div style="clear: both;"></div>
<div id="tblA" class="frame-wrapper">
You selected A
</div>
<div id="tblB" class="frame-wrapper">
You selected B
</div>
<div id="tblC" class="frame-wrapper">
You selected C
</div>
<div id="tblD" class="frame-wrapper">
You selected D
</div>
<div id="tblE" class="frame-wrapper">
You seleted E
</div>
<div id="tblF" class="frame-wrapper">
You selected F
</div>
</body>
</html>
$（文档）.ready（函数（）{
$（'input[type=“submit”]”）。单击（函数（）{
如果（$（'input[name=Option]：选中'）。长度>1）
{
$（'.frame wrapper'）.fadeOut（）；
$（'input[name=Option]'）。每个（函数（）{
如果（$（this）.prop（“选中”））
{
$（'.frame wrapper'）.eq（$（this.index（）-1.fadeIn（）；
}
});
}
其他的
{
警告（“您必须与多个项目进行比较！！”；
}
});
$（'input[type=“compare”]”）。单击（函数（）{
$（'.frame wrapper'）.eq（$（this.index（）-1.fadeIn（）；
});
});
.框架包装{
显示：无；
浮动：左；
宽度：32%；
边缘顶部：20px；
保证金权利：1%；
背景色：#eee；
}
请选择一个选项
A.
B
C
D
E
F
您选择了一个
你选择了B
你选择了C
你选择了D
你选择了E
您选择了F
$('.foo').click(function()
{
//every time a checkbox is clicked you can run your sum checks.
//you can loop over all '.foo' classes and check how many were checked.
//then run an if statement to more dirty work.
});
循环所有复选框，执行
total+=box.checked；//x+bool===x+1（真）或+0（假）if（total>3）{…}