判断checkbox是否被选中,判定选中的个数!
一般,我們對前臺的checkbox進行處理。
要考慮一是,單個checkbox的處理
這個就比較簡單了,
例如
<input type="checkbox" id="ck" οnclick="coutck();" value="1">1
我們來用js進行處理
<script type="text/javascript">
function coutck(){
if(document.getElementsById(ck).checked){
alert(document.getElementsById(ck).value);
}
}
</script>
如果checkbox是個數組,而且我們要判斷checkbox選中的個數的時候,我們可以進行如下處理
<script type="text/javascript">
function form1(){
var x=document.getElementsByName("ke[]");
var m=0;
var n=false;
for(var i=0;i<x.length;i++){
if(x[i].checked){
n=true;
m++;
}
}
if(!n){
alert("至少選擇一個啊");
}
if(m>5){
alert("選這么多干嗎");
}
}
</script>
<body>
<form action="#" method="POST" οnsubmit="return form1();">
<div>
<input type="checkbox" id="kee" name="ke[]" value="1">11111
<input type="checkbox" id="kee" name="ke[]" value="2">22222
<input type="checkbox" id="kee" name="ke[]" value="3">33333
<input type="checkbox" id="kee" name="ke[]" value="4">44444
<input type="checkbox" id="kee" name="ke[]" value="5">55555
<input type="checkbox" id="kee" name="ke[]" value="6">66666
<input type="checkbox" id="kee" name="ke[]" value="7">77777
<input type="checkbox" id="kee" name="ke[]" value="8">88888
<input type="checkbox" id="kee" name="ke[]" value="9">99999
</div>
<div><input type="submit" value="發布"></div>
</form>
其實這個東西不難,今天弄了很長時間,主要還是對自己的一個復習。
轉載于:https://www.cnblogs.com/kakaxi/archive/2011/02/15/1955459.html
總結
以上是生活随笔為你收集整理的判断checkbox是否被选中,判定选中的个数!的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [论文泛读]Web服务组合综述相关论文1
- 下一篇: 自定义验证控件CustomValidat