单选框jquery,单选框和复选框的代码

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 如何获取单选框的值?

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

jquery 如何获取单选框的值

获取单选框的值有三种方式:

1、$('input:radio:checked').val();

2、$("input[type='radio']:checked").val();

3、$("input[name='rd']:checked").val();

jquery怎么获取单选框中的值

获取单选框的值有三种方式:

1、$('input:radio:checked').val();

2、$("input[type='radio']:checked").val();

3、$("input[name='rd']:checked").val();

怎么在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,单选框和复选框的代码
本文路径:http://ybzwz.com/article/hogpjs.html