网站建设资讯

NEWS

网站建设资讯

单选框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://njwzjz.com/article/phssgd.html