网站建设与维护高职,河北建设厅网站初始密码,建设厅特种作业证件查询官网,wordpress主题the今天在 QQ 群里有朋友问到 jQuery 怎么获取选中 radio 后的文本#xff0c;可见要熟练的使用 jQuery 应该很好的掌握 jQuery 选择器#xff0c;下边就让我们简单看看这个问题。 首先#xff0c;他给出的 HTML 示例如下#xff1a; input typeradio id可见要熟练的使用 jQuery 应该很好的掌握 jQuery 选择器下边就让我们简单看看这个问题。 首先他给出的 HTML 示例如下 input typeradio idmale namesex value1 /男 input typeradio idfemale namesex value2 /女 在这里直接给出 jQuery 获取 radio 选中后的文本的方法如下 $(input[namesex]:checked)[0].nextSibling.nodeValue 方法将 jQuery 对象转换为 DOM 对象后再使用原生的 javascript 方法获取文本。在我回复朋友前他通过在 radio 后添加 span 标记来解决这个问题 input typeradio idmale namesex value1 /span男/span 接来下获取时使用 next() 选择器如下 $(input[namesex]:checked).next(span).text() 问题看似到这里就结束了其实不然这并不是好的用户体验。好的做法应该为 radio 添加 for 标记这样在点击 radio 文本男或女的时候也能选中 radio这比让用户点击一个小圆圈容易多了。所以最好的 HTML 标记应该如下 input typeradio idmale namesex value1 / label formale男/label input typeradio idfemale namesex value2 / label forfemale女/label 最后获取 radio 选中后的文本我相信你已经会了如下 $(input[namesex]:checked).next(label).text() 这样使用 jQuery 成功获取了 radio 选中后的文本这里主要是指最后一个方法。本篇内容虽然简单但着重说明了一个道理——细节决定成败
