『壹』 怎麼用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怎麼實現復選框只能做單選的操作
首先,推薦你用單選框來實現,比較簡單也直觀。
如果用復選框實現單選,那麼就在選中你要選的項之後,循環其他幾項,置為沒有選擇狀態即可。