单选框jquery,单选框取消选中

怎么在jQuery的单选框被选，其他单选框就取消被选

单选框的选中与取消与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" 乒乓球

jquery 如何获取单选框的值？

获取单选框的值有三种方式：\x0d\x0a\x0d\x0a1、$('input:radio:checked').val()；\x0d\x0a2、$("input[type='radio']:checked").val();\x0d\x0a3、$("input[name='rd']:checked").val();

jquery单选框

!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,单选框取消选中
分享路径：http://jkwzsj.com/article/phssgd.html