<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">
<title>Document</title>
<script src="https://cdn.bootcss.com/jquery/3.3.0/jquery.min.js"></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给单选框绑定事件单选框的选中与取消与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-1.5.2.js以上版本
<script type="text/javascript">
$(function(){
$(':checkbox[name=cb]').each(function(){
$(this).click(function(){
if($(this).attr('checked')){
$(':checkbox[name=cb]').removeAttr('checked')
$(this).attr('checked','checked')
}
})
})
})
</script>
<input type="checkbox" name="cb"/>
<input type="checkbox" name="cb"/>
<input type="checkbox" name="cb"/>
<input type="checkbox" name="cb"/>
<input type="checkbox" name="cb"/>
<input type="checkbox" name="cb"/>
<input type="checkbox" name="cb"/>
<input type="checkbox" name="cb"/>
<input type="checkbox" name="cb"/>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）