首页 > 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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板