!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
获取单选框的值有三种方式:\x0d\x0a\x0d\x0a1、$('input:radio:checked').val();\x0d\x0a2、$("input[type='radio']:checked").val();\x0d\x0a3、$("input[name='rd']:checked").val();
获取单选框的值有三种方式:
1、$('input:radio:checked').val();
2、$("input[type='radio']:checked").val();
3、$("input[name='rd']:checked").val();
获取单选框的值有三种方式:
1、$('input:radio:checked').val();
2、$("input[type='radio']:checked").val();
3、$("input[name='rd']:checked").val();
单选框的选中与取消与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" 乒乓球