jQuery之radio(单选)
程序员文章站
2022-06-10 09:38:42
...
页面代码如下:
jQuery实现方式:
js实现方式:
说明:来自于jQuery权威指南代码:也可这样进行判断,根据ID来获取是否选中
<input type="radio" name="sex" value="0" checked/>男 <input type="radio" name="sex" value="1" />女 <input type="radio" name="sex" value="2" />人妖 <input type="button" id="get3" value="设置单选框的值" /><br>
jQuery实现方式:
$(function(){ var v = prompt('欢迎你,请输入值',''); $(':radio[name=sex]').get(v).checked = true; });
js实现方式:
var sexs = document.getElementsByName("sex"); var size = sexs.length; for(var i=0;i<size;i++){ if(sexs[i].value == v){ sexs[i].checked = true; break; } }
说明:来自于jQuery权威指南代码:也可这样进行判断,根据ID来获取是否选中
var oRdoValue=$("#Radio1").is (":checked")?"男":"女"; //获取单选框按钮值
推荐阅读
-
Jquery获取radio选中值实例总结
-
jquery获取file表单选择文件的路径、名字、大小、类型
-
jq怎么获取radio选中的值(详解js获取单选按钮radio的值)
-
基于spring+hibernate+JQuery开发之电子相册(附源码下载)
-
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
-
Asp.net自定义控件之单选、多选控件
-
jQuery validate 验证radio实例
-
jq怎么获取radio选中的值(详解js获取单选按钮radio的值)
-
详谈自定义View之GridView单选 金额选择Layout-ChooseMoneyLayout
-
vue 表单之通过v-model绑定单选按钮radio