js获取单选框的值,不同值执行不同的东西,这个怎么弄

js获取单选框的值,不同值执行不同的东西,这个怎么弄,第1张

<html>

<head>

</head>

<script>

function show(obj) {

if (documentgetElementById("radio1")checked)

{ alert('是') }

else

{ alert('否') }

}

</script>

<body>

<input id="radio1" name="shi" type="radio" onclick="show('block')" value="1" />是

<input id="radio2" name="shi" type="radio" onclick="show('none')" value="0" />否

</body>

</html>

<div id="radios" class="radios">

<input type="radio" name="r" id="r1" value="1" /> 单选框1

<input type="radio" name="r" id="r2" value="2" /> 单选框2

<input type="radio" name="r" id="r3" value="3" /> 单选框3

</div>

<script>

var oRadios = documentgetElementById('radios')getElementsByTagName('input');

for( var i = 0, len = oRadioslength; i < len; i++){

oRadios[i]onclick = function(){

var value = thisvalue;

if( value == 1){ //显示相应的内容

alert('你点了第一个');

} else if( value == 2){

alert('你点了第2个');

} else{

alert('你点了第3个');

}

}

}

</script>

这样写好些吧:

<form onsubmit="return check(this);" >

<input type=radio name="a" value=0>0

<input type=radio name="a" value=1>1

<input type=submit value="提交">

</form>

<script   type="text/javascript">

function   check(formObj)

{

      for(var   i=0;i<formObjalength;i++)

      {         

               if(formObja[i]checked)

               {

               //alert("单选框选中:   "   +   formObja[i]value);

               return   true;

               }

      }   

      alert("单选框未选中");

      return   false;

}   

</script>

radio标签的取值方法如下:

<html:radio   property="userRole"   value="operator"   onclick="radioValue()"/>

<html:radio   property="userRole"   value="admin"   onclick="radioValue()"/>

<script   language="javascript">      

                        function   radioValue(){

                                 var   obj   =   documentalluserRole;

                                 if(obj){

                                       for(var   i=0;i<objlength;i++){//适合length>=2时,当objlength==null时,可以直接取objvalue值

                                             if(obj[i]checked){

                                                   alert(obj[i]value);

                                                   break;

                                             }

                                       }

                                 }         

                        }      

</script>

以上就是关于js获取单选框的值,不同值执行不同的东西,这个怎么弄全部的内容,包括:js获取单选框的值,不同值执行不同的东西,这个怎么弄、js获取单选按钮的值,再判断tanble显示的内容、js获取radio属性的值等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/9728713.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存