十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
$('单选元素').prop('checked',true);
目前创新互联已为千余家的企业提供了网站建设、域名、雅安服务器托管、网站运营、企业网站设计、昆山网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。
如果是一组的话,可以使用:eq或者.eq()指定具体哪个元素
获取单选框的值有三种方式:\x0d\x0a\x0d\x0a1、$('input:radio:checked').val();\x0d\x0a2、$("input[type='radio']:checked").val();\x0d\x0a3、$("input[name='rd']:checked").val();
!DOCTYPE html
html lang="en"
head
meta charset="UTF-8"
meta name="viewport" content="width=device-width, initial-scale=1.0"
meta http-equiv="X-UA-Compatible" content="ie=edge"
titleDocument/title
script src=""/script
/head
body
p
label for="radio_a"A/label
input type="radio" name="edit" id="radio_a" value=""
input type="text" disabled /
/p
p
label for="radio_b"B/label
input type="radio" name="edit" id="radio_b" value=""
input type="text" disabled /
/p
script async defer
$(document).ready(function() {
$('input[type="radio"]').change(function(e) {
var self = this
$('input[type="text"]').prop('disabled', true)
$(self).next().prop('disabled', false)
$(self).next().focus()
})
})
/script
/body
/html
单选框的选中与取消与JQuery没有直接关系。只需要设置radio的name值就可以了,相同name值的radio的定义中,是不能有两个同时被选中的。
input type="radio" id="1" name="rd_Grame"
input type="radio" id="2" name="rd_Grame"
input type="radio" id="3" name="rd_Grame"
input type="radio" id="4" name="rd_Grame"
input type="radio" id="5" name="rd_Grame"
这些radio的选中状态是相斥的,也就是只能有一个被选中。当你选中一个,再点击其他未被选中的radio是,之前被选中的就会自动取消选中状态了。
如果有多组,可以给不同的组设置不同的name值,比如
性别:
input type="radio" id="1" name="rd_Grame" 男
input type="radio" id="2" name="rd_Grame" 女
爱好:
input type="radio" id="3" name="rd_Fav" 台球
input type="radio" id="4" name="rd_Fav" 足球
input type="radio" id="5" name="rd_Fav" 乒乓球
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:index.html,并引入jquery。
2、在index.html中的script标签,输入jquery代码:。
$('input[name="radio"]').change(function () {
if ($('input[name="radio"]:checked').val() === '0') {
$('input[type="text"]').hide();
}
});
3、浏览器运行index.html页面,此时点击“否”单选按钮后,输入框成功被隐藏了。
你获取的值的方法之前有没有见触发的条件?比如blur?focus?click?等等。如果没有的话
他只会页面刚加载的时候执行一次
,
所以就只能获得一次值了。