如何使用JavaScript设置radio选中的示例
程序员文章站
2022-05-18 13:28:33
...
在页面数据绑定时,经常会遇到给radio设置选中,以下是我写的js方法,经测试可以使用。欢迎拍砖
<html> <head> <script type="text/javascript" src="./jquery.min.js"></script></head><body><p> <input id="rdo1" name="rdo1" type="radio" value="1" checked="checked"/>是 <input id="rdo1" name="rdo1" type="radio" value="0"/>否 <button id="btn1">是</button> <button id="btn2">否</button><p><script type="text/javascript"> $(function(){ $("#btn1").click(function(){ $("input[name='rdo1']").eq(0).attr("checked","checked"); $("input[name='rdo1']").eq(1).removeAttr("checked"); $("input[name='rdo1']").eq(0).click(); }); $("#btn2").click(function(){ $("input[name='rdo1']").eq(0).removeAttr("checked"); $("input[name='rdo1']").eq(1).attr("checked","checked"); $("input[name='rdo1']").eq(1).click(); }); });</script></body></html>
以上就是如何使用JavaScript设置radio选中的示例的详细内容,更多请关注其它相关文章!
上一篇: PHP内核的学习-PHP生命周期
下一篇: 实现ajax拖拽上传文件(附有代码)
推荐阅读
-
如何使用Jquery获取Form表单中被选中的radio值
-
如何使用jQUery获取选中radio对应的值
-
如何使用JavaScript代码为指定的元素添加遮罩层的示例代码
-
如何使用JavaScript修改图片的大小的示例代码
-
layui中使用jquery控制radio选中事件的示例代码
-
createTextRange()的使用示例含文本框选中部分文字内容_javascript技巧
-
如何使用Jquery获取Form表单中被选中的radio值
-
如何使用JavaScript设置radio选中的示例
-
如何使用Jquery获取Form表单中被选中的radio值_jquery
-
Jquery如何获取radio选中值的示例详解