js 获取checkebox值解决办法-JavaSript-爱易网页

js 获取checkebox值解决办法

日期：2014-05-16　浏览次数：20390 次

js 获取checkebox值

如图，怎么用js判断是否选中，而且只能选择一个，而且获取选中的值

------解决方案--------------------



//得到radio的值

		function getRadioValue(){

			var sex=document.getElementsByName("sex");

		   	var sexValue;

		   	for(var i=0;i<sex.length;i++){

		    	if(sex.item(i).checked){

		        	sexValue=sex.item(i).getAttribute("value");  

		   			break;

		  		}else{

		  			continue;

		  		}

		   	}

		   	alert(sexValue);

		};







男：<input type = "radio" name = "sex" value = "男" />

女：<input type = "radio" name = "sex" value = "女" />

<input type="submit" onclick="getRadioValue()">

------解决方案--------------------
用radio会比较方便
如果只是要checkbox的形式也可以，就是需要控制只能选一个



<HTML>

 <HEAD>

  <TITLE> 选择 </TITLE>

 </HEAD>



 <BODY>

<TABLE width="300">

<TR>

	<TD>

		checkbox方式：

		<BR><INPUT TYPE="checkbox" NAME="inp_chk" value="地图渲染" onclick="only1(this)">地图渲染

		<BR><INPUT TYPE="checkbox" NAME="inp_chk" value="图表展示" onclick="only1(this)">图表展示

		<BR><INPUT TYPE="button" VALUE="提交" ONCLICK="fun('chk')">

	</TD>

	<TD>

		radio方式： 

		<BR><INPUT TYPE="radio" NAME="inp_rad" value="地图渲染">地图渲染

		<BR><INPUT TYPE="radio" NAME="inp_rad" value="图表展示">图表展示

		<BR><INPUT TYPE="button" VALUE="提交" ONCLICK="fun('rad')">

	</TD>

</TR>

</TABLE>



  <SCRIPT LANGUAGE="JavaScript">

  <!--

	//控制checkbox只能选一个

	function only1( curobj ) {

		var chks = document.getElementsByName('inp_chk');

		for (var i=0; i<chks.length; i++)

			if (chks[i].checked && chks[i] != curobj) chks[i].checked = false;

	}

	//判断选的是哪个

	function fun( type ){

		var inps = document.getElementsByName('inp_'+ type);

		var i;

		for ( i=0; i<inps.length; i++) {

			if (inps[i].checked) {

				alert("选择的是："+ inps[i].value);

				break;

			}

		}

		//没有选中则提示

		if (i == inps.length) alert("请选择！");

	}

  //-->

  </SCRIPT>

 </BODY>

</HTML>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

js 获取checkebox值解决办法

相关资料更多>

推荐阅读更多>