`

Javascript Get or Set Checked Radio Value

阅读更多
<script type="text/javascript">
<!--
// return the value of the radio button that is checked
// return an empty string if none are checked, or
// there are no radio buttons
function getCheckedValue(radioObj) {
if(!radioObj)
return "";
var radioLength = radioObj.length;
if(radioLength == undefined)
if(radioObj.checked)
return radioObj.value;
else
return "";
for(var i = 0; i < radioLength; i++) {
if(radioObj[i].checked) {
return radioObj[i].value;
}
}
return "";
}


// set the radio button with the given value as being checked
// do nothing if there are no radio buttons
// if the given value does not exist, all the radio buttons
// are reset to unchecked
function setCheckedValue(radioObj, newValue) {
if(!radioObj)
return;
var radioLength = radioObj.length;
if(radioLength == undefined) {
radioObj.checked = (radioObj.value == newValue.toString());
return;
}
for(var i = 0; i < radioLength; i++) {
radioObj[i].checked = false;
if(radioObj[i].value == newValue.toString()) {
radioObj[i].checked = true;
}
}
}

//-->
</script>

<form name="radioExampleForm" method="get" action="" onsubmit="return false;">
<p><label for="number0"><input type="radio" value="0" name="number" id="number0"> Zero</label>
&nbsp;<label for="number1"><input type="radio" value="1" name="number" id="number1"> One</label>
&nbsp;<label for="number2"><input type="radio" value="2" name="number" id="number2"> Two</label>
&nbsp;<label for="number3"><input type="radio" value="3" name="number" id="number3"> Three</label>
&nbsp;<label for="number4"><input type="radio" value="4" name="number" id="number4"> Four</label>
<p><input type="button" onclick="alert('Checked value is: '+getCheckedValue(document.forms['radioExampleForm'].elements['number']));" value="Show Checked Value">
&nbsp;<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '2');" value="Set Checked to Two">
&nbsp;<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '4');" value="Set Checked to Four">
&nbsp;<input type="button" onclick="setCheckedValue(document.forms['radioExampleForm'].elements['number'], '');" value="Uncheck All">
</form>
分享到:
评论

相关推荐

    function RadioCheck()function RadioCheck()

    document .getElementById ("USRNUM").value=Radio [j].value; } } }function RadioCheck() { var Radio=document .getElementsByName ("rdoSelect"); for (var j=0;j&lt;Radio .length ;j++) { if (Radio[j]....

    js表单元素checked、radio被选中的几种方法(详解)

    input type=”checkbox” value=”lol”/&gt;lol var lol = document.getElementsByTagName(“input”)[0]; 1、HTML DOM a.lol.checked = true; 属性的值可以不是lol,只要转为布尔值的时候为true就可以,取值时...

    jquery中radio checked问题

    // $(“#Radio1”).checked = “checked”; $(“#ISOK1”)[0].checked = true; 另外感谢另外一位网友告诉我 如果是用jquery1.9以后版本,attr应该不管用了,要用$(this).prop(“checked”, true)

    JavaScript全选和反选

    &lt;script language=javascript&gt; function checkAll(boolvalue){ var items=document.getElementsByTagName("input"); for(i=0;i;i++){ if(items[i].type=="checkbox"){ items[i].checked=boolvalue; } } } ...

    layui 实现自动选择radio单选框(checked)的方法

    消息通知 &lt;input name=is_notice value=1 type=radio title=通知 checked=&gt; &lt;input name=is_notice value=0 type=radio title=不通知&gt; JS用ajax去后端取回数据: $.get

    jquery获取radio值(单选组radio)

    单选组radio: $(“input[@type=radio][@checked]”).val(); 单选组radio: $(“input[@type=radio]”).attr(“checked”,’2′);//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $(‘input...

    JavaScript判断表单提交时哪个radio按钮被选中的方法

    本文实例讲述了JavaScript判断表单提交时哪个radio按钮被选中的方法。分享给大家供大家参考。具体分析如下: 这里的表单提交时通过JavaScript判断哪个radio按钮被选中了 [removed] function findButton() { var ...

    javascript radio值获取代码

    javascript 获取 radio 选中值 1 2 3 4 5 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] js选中radio document.consumerform.consumer_sex[0].checked=true; 下面是网上的一些补充资料,本人感觉还不错,...

    javascript 获取radio的value的函数 [已测]

    1 2 3 4 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]第二种方法,思路与第一种相同 代码如下: //预览函数 var colorid=””; function ShowTemp() { ... if(eless[i].checked) { colorid=eless[i].value; break;

    javascript radio 联动效果

    [removed] function checkradio(o,x){ document.getElementsByName(“inptB”)[x-1].checked=o.checked } [removed] &lt;input name=”inptA” type=”radio” id=”inptA” onclick=”checkradio(this,1)”&gt;aaa ...

    各种代码大全查询包括网页的等等

    &lt;INPUT CHECKED name=myselect onclick=javascript:this.form.myselectvalue.value=0; type=radio value=0&gt; &lt;SPAN class=f12&gt;&lt;FONT color=#0000cc style="FONT-SIZE: 12px"&gt;网页&lt;/FONT&gt;&lt;/SPAN&gt; ...

    checked unitree

    checked unitreechecked unitree

    jquery radio的取值_radio的选中_radio的重置方法

    radio 按钮组, name=”sex”. &lt;input type="radio" name="sex" value="Male"&gt;Male&lt;/input&gt; &lt;input type="radio" ...$('input:radio[name=sex]:checked').val(); 2. 选择 radio 按钮 (Male). $('

    JQuery控制radio选中和不选中方法总结

    $(“input[name=’名字’]”).get(0).checked=true; $(“input[name=’名字’]”).attr(‘checked’,’true’); $(“input[name=’名字’]:eq(0)”).attr(“checked”,’checked’); $(“input[name=’radio_name...

    jQuery获取Radio,CheckBox选择的Value值(示例代码)

    $(“input[name=’radio_name’][checked]”).val(); //选择被选中Radio的Value值$(“#text_id”).focus(function(){//code…}); //事件 当对象text_id获取焦点时触发$(“#text_id”).blur(function(){//code…}); /...

    CSS 点击radio实现两个图片样式切换并且多个radio中只能有一个checked

    1、首先我这里创建两个radio:(也可以多声明几个,这里的数据正常是动态获取的) &lt;input type="radio" name="defaultAddress" class="address_manager_content-d3-left-img" /&gt; &lt;input type="radio" name...

    IE7中javascript操作CheckBox的checked=true不打勾的解决方法

    chkbox.checked=true; lnk[removed].appendChild(chkbox); 以上代码在IE7下,生成的Checkbox无法正确的打上勾。 原因是 chkbox控件还没初始化(appendChild),就开始操作它的结果 据此将代码改为即可正确显示: 代码...

    微信小程序(十九)radio组件详细介绍

    radio组件为单选组件与radio-group组合使用,使用方式和checkbox没啥区别 主要属性: wxml &lt;!--设置监听器,当点击radio时调用... &lt;radio value={{item.name}} checked={{item.checked}}/&gt;{{item.value}} &lt;/l

Global site tag (gtag.js) - Google Analytics