當(dāng)前位置:
首頁(yè) >
前端技术
> javascript
>内容正文
javascript
JS checkbox 选中事件
生活随笔
收集整理的這篇文章主要介紹了
JS checkbox 选中事件
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
原文地址為:
JS checkbox 選中事件
<html> <script> function SelectLeastOne(){objName= document.getElementById("myform") for (i=0; i<objName.length; i++){if (objName[i].type=="checkbox" && objName[i].checked){ alert('你選中了'+(i+1)); }} } </script> <form name="myform" method="post" onSubmit=""> <input type="checkbox" name="checkbox" value="checkbox">1 <input type="checkbox" name="checkbox" value="checkbox">2 <input type="checkbox" name="checkbox" value="checkbox">3 <input type="checkbox" name="checkbox" value="checkbox">4 <input type="button" name="Submit" value="Submit" οnclick="SelectLeastOne()" /> </form> </html>今天做一個(gè)類似郵件的多選操作時(shí)用到了復(fù)選框,有關(guān)驗(yàn)證與取值以前也做過(guò),記的不是很清楚了,今天弄清白了,記錄一下。
表單如下:
<form name="form1" action="test.jsp" method="post" οnsubmit="return checkData();">
???<input name="checkall1" type="checkbox" value="0" onClick="checkAllBox(this);"/>全選<br>
???<input name="answer" type="checkbox" value="a"/>A<br>
???<input name="answer" type="checkbox" value="b"/>B<br>
???<input name="answer" type="checkbox" value="c"/>C<br>
???<input name="answer" type="checkbox" value="d"/>D<br>
???<input name="answer" type="checkbox" value="e"/>E<br>
???<input name="answer" type="checkbox" value="f"/>F<br>
</form>
全選及驗(yàn)證javascript如下:
<script type="text/javascript">
function checkAllBox(obj){
?var answer= document.getElementsByName("answer");
?if(obj.checked==true){
??for(var i=0;i<answer.length;i++){
???answer[i].checked = true;
??}
?}else{
??for(var i=0;i<answer.length;i++){
???answer[i].checked = false;
??}
?}
}
function checkData(){?
?var answer= document.getElementsByName("answer");
?var flag = false;
?for(var i=0;i<income.length;i++){
??if(income[i].checked == true){
???flag = true;
???break;
??}
?}
?if(!flag){
??alert("請(qǐng)至少選擇一項(xiàng)");
?}
?return flag;
}
</script>
test.jsp中取值如下:
String[] answer= request.getParameterValues("answer");//這里只取得了選中的項(xiàng),如果沒(méi)有選中任何一項(xiàng),則為null
if(answer!=null){
???for(String i:answer){
??????System.out.println(i);
???}
}
轉(zhuǎn)載請(qǐng)注明本文地址: JS checkbox 選中事件
<html> <script> function SelectLeastOne(){objName= document.getElementById("myform") for (i=0; i<objName.length; i++){if (objName[i].type=="checkbox" && objName[i].checked){ alert('你選中了'+(i+1)); }} } </script> <form name="myform" method="post" onSubmit=""> <input type="checkbox" name="checkbox" value="checkbox">1 <input type="checkbox" name="checkbox" value="checkbox">2 <input type="checkbox" name="checkbox" value="checkbox">3 <input type="checkbox" name="checkbox" value="checkbox">4 <input type="button" name="Submit" value="Submit" οnclick="SelectLeastOne()" /> </form> </html>今天做一個(gè)類似郵件的多選操作時(shí)用到了復(fù)選框,有關(guān)驗(yàn)證與取值以前也做過(guò),記的不是很清楚了,今天弄清白了,記錄一下。
表單如下:
<form name="form1" action="test.jsp" method="post" οnsubmit="return checkData();">
???<input name="checkall1" type="checkbox" value="0" onClick="checkAllBox(this);"/>全選<br>
???<input name="answer" type="checkbox" value="a"/>A<br>
???<input name="answer" type="checkbox" value="b"/>B<br>
???<input name="answer" type="checkbox" value="c"/>C<br>
???<input name="answer" type="checkbox" value="d"/>D<br>
???<input name="answer" type="checkbox" value="e"/>E<br>
???<input name="answer" type="checkbox" value="f"/>F<br>
</form>
全選及驗(yàn)證javascript如下:
<script type="text/javascript">
function checkAllBox(obj){
?var answer= document.getElementsByName("answer");
?if(obj.checked==true){
??for(var i=0;i<answer.length;i++){
???answer[i].checked = true;
??}
?}else{
??for(var i=0;i<answer.length;i++){
???answer[i].checked = false;
??}
?}
}
function checkData(){?
?var answer= document.getElementsByName("answer");
?var flag = false;
?for(var i=0;i<income.length;i++){
??if(income[i].checked == true){
???flag = true;
???break;
??}
?}
?if(!flag){
??alert("請(qǐng)至少選擇一項(xiàng)");
?}
?return flag;
}
</script>
test.jsp中取值如下:
String[] answer= request.getParameterValues("answer");//這里只取得了選中的項(xiàng),如果沒(méi)有選中任何一項(xiàng),則為null
if(answer!=null){
???for(String i:answer){
??????System.out.println(i);
???}
}
轉(zhuǎn)載請(qǐng)注明本文地址: JS checkbox 選中事件
總結(jié)
以上是生活随笔為你收集整理的JS checkbox 选中事件的全部?jī)?nèi)容,希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇: 遗传算法:交叉操作 Position-b
- 下一篇: 破解JS加密:url unicode加密