首頁 > web前端 > html教學 > 怎么取<checkbox>标签选中的value值或title值?_html/css_WEB-ITnose

怎么取<checkbox>标签选中的value值或title值?_html/css_WEB-ITnose

WBOY
發布: 2016-06-21 09:44:58
原創
1859 人瀏覽過

CheckBox value html


a:

b:

c:






写到这里我就不会了,哪位大神帮帮忙,直接alert出来就行。
<script> <br /> var b = document.getElementById("b"); <br /> b.onclick = function(){ <br /> xxxxxxxx <br /> xxxxxxxxxxx <br /> } <br /> </script>

回复讨论(解决方案)

<form name="f1">a:<input type="checkbox" name="n1" value="a" title="1"><br/>b:<input type="checkbox" name="n1" value="b" title="1"><br/>c:<input type="checkbox" name="n1" value="c" title="1"><br/><input type="button" id="b" value="tijiao"></form><script type="text/javascript">  	  	var b = document.getElementById("b");  	b.onclick = function(){		var chV="";		var inputElements =document.getElementsByTagName("input");		for(var i=0; inputElements[i]; ++i){	      	if(inputElements[i].name==="n1" && inputElements[i].checked){           		chV+=inputElements[i].value+",";			}		}		alert(chV.substring(0,chV.length-1));  	};</script>
登入後複製

<script> <br /> var b = document.getElementById("b"); <br /> b.onclick = function(){ <br /> var sign = 0; <br /> var inputs = document.getElementsByTagName('input');//获取所有的input标签对象。 <br /> for(var i=0;i<inputs.length;i++){ <br /> var obj = inputs[i]; <br /> if(obj.type=='checkbox'){ <br /> if(obj.checked==true){ <br /> sign=1; <br /> alert(obj.value); <br /> } <br /> } <br /> } <br /> if(sign==0)//没有被选择项 <br /> { <br /> alert("未选择"); <br /> } <br /> } <br /> <br /> </script>

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板