JS 如何获取radio选中后的值并且不选择也能获取radio的值
2013-10-26 17:03
561 查看
以下是网上摘下的文章(未测试但很规范可以模仿)
下面是不做选择获取radio的值
原生JS方式:(原生DOM操作会把文本也当做一个节点,所以会有nextSibling)
jQuery方式
以下要选择的:
这个只判断有没有选择
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>text</title> <script> var chk = 0; window.onload=function (){ var chkObjs = document.getElementsByName("radio"); for(var i=0;i<chkObjs.length;i++){ if(chkObjs[i].checked){ chk = i; break; } } } function check_radio(){ var chkObjs = document.getElementsByName("radio"); for(var i=0;i<chkObjs.length;i++){ if(chkObjs[i].checked){ if(chk == i){ alert("radio值没有改变不能提交"); break; } } } } </script> </head> <body> <form action='' method='post' onsubmit='javascript:return check_radio()'> <input type='radio' value='1' name='radio' checked='checked'>一; <input type='radio' value='2' name='radio'>二; <input type='radio' value='3' name='radio'>三; <input type='radio' value='4' name='radio'>四; <input type='radio' value='5' name='radio'>五; <input type=submit value=sub > </form> </body> </html>
下面是不做选择获取radio的值
<input type="radio" name="money" value="1" />美元 <input type="radio" name="money" value="2" />日元 <input type="radio" name="money" value="3" />欧元
原生JS方式:(原生DOM操作会把文本也当做一个节点,所以会有nextSibling)
var 美元 = document.getElementsByName("money")[0].nextSibling.nodeValue; var 日元 = document.getElementsByName("money")[1].nextSibling.nodeValue; var 欧元 = document.getElementsByName("money")[2].nextSibling.nodeValue;
jQuery方式
$('input[name="money"]:checked').next('span').html(); <input type="radio" name="money" value="1" checked="checked" /><span>美元</span> <input type="radio" name="money" value="2" /><span>日元</span> <input type="radio" name="money" value="3" /><span>欧元</span> <!--正常的情况下,创建复选框或者单选框会使用label将其链接,比如:--> <input id="radio1" type="radio" name="money" value="1" /><label for="radio1">美元</label>
以下要选择的:
这个只判断有没有选择
function radioValue(){ var radArr = document.getElementsByName("radiov"); var radValue = ""; //alert(radArr.length); for(var i=0; i<radArr.length; i++){ //alert(radArr[i].checked+" "+radArr[i].name + " "+ radArr[i].value); if(radArr[i].checked){ radValue = radArr[i].value; } } if(radValue != null && radValue != ""){ alert(radValue); }else{ alert("请选择"); } }
<input type="button" value="测试radio中获取数据" onclick="radioValue();"/>
相关文章推荐
- JS 如何获取radio选中后的值及不选择取radio的值
- JS 如何获取radio选中后的值及不选择取radio的值
- JS如何获取和改变 单选按钮radio选中的值
- JS 如何获取radio选中后的值
- Android 如何获取RadioGroup选中RadioButton的内容
- 如何获取 chosen chosen.jquery.js 选中的值
- 如何在GridView中使用RadioButtons单选列,并且获取所选定RadioButton的值。
- js如何获取选中的单选框
- 如何在GridView中使用RadioButtons单选列,并且获取所选定RadioButton的值。
- Android 如何获取RadioGroup选中RadioButton监听
- 如何获取AspXGridView模板中的RadioButtList控件的选中值
- 【js与jquery】如何获取选择的下拉菜单的值
- 用js的for循环获取radio选中的值
- 如何获取input radio选中的值。
- jQuery如何获取选中单选按钮radio的值
- RadioButtonList js获取选择的项
- JS获取选中radio的值
- js获取下拉列表选中项的值和文本(select)以及获取单选按钮(radio)组的值和修改选中项
- js中如何获取alert并且把提示信息简体繁体互转
- 如何获取 chosen chosen.jquery.js 选中的值