jQuery获取radio选中后的文字
2021-07-25 04:55
阅读：627
标签：方法 asc input sel html eva 选中 javascrip 小圆圈 HTML 示例如下： input type="radio" id="male" name="sex" value="1" />男 input type="radio" id="female" name="sex" value="2" />女
在这里直接给出 jQuery 获取 radio 选中后的文本 的方法，如下：
$("input[name=‘sex‘]:checked")[0].nextSibling.nodeValue; 方法将 jQuery 对象转换为 DOM 对象 后，再使用原生的 javascript 方法获取文本。在我回复朋友前，他通过在 radio 后添加 span 标记来解决这个问题：
input type="radio" id="male" name="sex" value="1" />span>男span> 接来下获取时使用 next() 选择器，如下：
$("input[name=‘sex‘]:checked").next("span").text();问题看似到这里就结束了，其实不然，这并不是好的用户体验。好的做法应该为 radio 添加 for 标记，这样在点击 radio 文本"男"或"女"的时候也能选中 radio，这比让用户点击一个小圆圈容易多了。所以最好的 HTML 标记应该如下：
input type="radio" id="male" name="sex" value="1" /> label for="male">男label> input type="radio" id="female" name="sex" value="2" /> label for="female">女label> 最后获取 radio 选中后的文本我相信你已经会了，如下：
$("input[name=‘sex‘]:checked").next("label").text();jQuery获取radio选中后的文字
标签：方法 asc input sel html eva 选中 javascrip 小圆圈
原文地址：https://www.cnblogs.com/raincedar/p/14955472.html
上一篇：Go 语言指针
下一篇：js代码出现问题收集
评论
亲，登录后才可以留言！