『壹』 怎么用js判断复选框提交时是否选中,且最多只能选3个
var check=&("input[type=check]");获取所有控件。
var checked=&("input[checked=checked]");获取选中的控件
『贰』 js如何根据下拉框的每个选项,限制另一个复选框小组的选择个数
监听select,选一等奖的时候,底下相应复选框禁用或隐藏,其他同理。
『叁』 js 限定复选框最多只能勾选2个,至少勾选1个
网络"TROREN"
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>demo</title>
</head>
<body>
<script type="text/javascript">
var p_tag,inputs,selectInputs=[];
onload = function(){
p_tag = document.getElementById("inputsParent");
inputs = p_tag.getElementsByTagName("input");
for(var i=0; i<inputs.length; i++){
if(inputs[i].checked == true) selectInputs.push(inputs[i]);
}
document.title = selectInputs.length;
}
function check_count(th){
var i=n=0;
if(th.checked == true)
{
selectInputs.push(th);
if(selectInputs.length > 2){
selectInputs[0].checked = false;
selectInputs.shift();
}
}else{
if(selectInputs.length>1){
for(var i=0; i<selectInputs.length; i++){
if(th == selectInputs[i]) selectInputs.splice(i,1);
}
}else{
th.checked = true;
return false;
}
}
}
</script>
<div id="inputsParent">
<input value="1" type="checkbox" name="chRates" onclick="check_count(this)" checked="checked" /><label>1</label>
<input value="2" type="checkbox" name="chRates" onclick="check_count(this)" checked="checked" /><label>2</label>
<input value="3" type="checkbox" name="chRates" onclick="check_count(this)" /><label>3</label>
<input value="4" type="checkbox" name="chRates" onclick="check_count(this)" /><label>4</label>
<input value="5" type="checkbox" name="chRates" onclick="check_count(this)" /><label>5</label>
<input value="6" type="checkbox" name="chRates" onclick="check_count(this)" /><label>6</label>
<input value="7" type="checkbox" name="chRates" onclick="check_count(this)" /><label>7</label>
<input value="8" type="checkbox" name="chRates" onclick="check_count(this)" /><label>8</label>
</div>
<div id="aa"></div>
</body>
</html>
『肆』 用js怎么实现复选框只能做单选的操作
首先,推荐你用单选框来实现,比较简单也直观。
如果用复选框实现单选,那么就在选中你要选的项之后,循环其他几项,置为没有选择状态即可。