jquery实现单选按钮radio选中和取消 使用prop()代替attr()
网络 2019/12/20 20:36:22 字体:
大 中 小 浏览 5958
<!DOCTYPE html>
<html lang="en">
<head><title>jquery实现单选按钮radio选中和取消 使用prop()代替attr()</title></head>
<body>
JQuery获取选中的radio<br>
$('input:radio[name="sex"]:checked')<br><br>
Jquery选中或取消radio<br>
$("#qwbmdanxuan1").attr("checked","checked");<br>
$("#qwbmdanxuan2").attr("checked",false);<br><br>
<input type="radio" name="aaa" value="第 1 个">
第 1 个<br>
<input type="radio" name="aaa" value="第 2 个">第 2 个<br>
<input type="radio" name="aaa" value="第 3 个">第 3 个<br>
<input type="radio" name="aaa" value="第 4 个">第 4 个<br>
<input type="radio" name="aaa" value="第 5 个">第 5 个<br><br>
<button class="btn1">点我除去选中项</button>
<button class="btn2">点我选中第二个</button>
<button class="btn3">点我选中第三个</button>
<button class="btn4">点我选中第四个</button>
<button class="btn5">点我选中第五个</button>
<script language="javascript" type="text/javascript" src="https://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script>
/*//解决选中的单选框无法取消问题
$(":radio").click(
function(){
var nm=$(this).attr("name");
$(":radio[name="+nm+"]:not(:checked)").attr("tag",0);
if($(this).attr("tag")==1){
$(this).attr("checked",false);
$(this).attr("tag",0);
} else{
$(this).attr("tag",1);
}
}
);*/
function de() {
//错误示范，均会出现什么各种问题
/*$.each($('input:radio'),function(i,v){
$(v).attr('checked', false);
$(v).removeAttr('checked');
//v.checked = false;
//v.removeAttribute("checked");
})*/
//$("input[name=aaa]").prop("checked",false);
$('input:checked').prop('checked', false);
//$("input[name=aaa]").removeAttr("checked")
}
$('.btn1').click(function () {
de()
})
$('.btn2').click(function () {
//de();
$('input:radio').eq(1).prop('checked', true);
})
$('.btn3').click(function () {
//de();
$('input:radio').eq(2).prop('checked', true);
})
$('.btn4').click(function () {
//de();
$('input:radio').eq(3).prop('checked', true);
})
$('.btn5').click(function () {
//de();
$('input:radio').eq(4).prop('checked', true);
})
</script>
</body>
</html>
- 相关阅读
- 深山旅行社网站管理系统 v1.4
- 超级实用且不花哨的js代码大全( 6 )
- 网站从http改成https(ssl证书)后设置301跳转将http跳转到https的方法
- ASP.NET中Cookie编程的基础知识
- uni-app开发表单input组件的一些规则说明自己预留使用
- Appium获取手机分辨率 & 自适应设备下滑刷新
- aliyun阿里云续费域名优惠口令(注册、续费都可以使用)
- 旅行社手机网站模板8
- 共有0条关于《jquery实现单选按钮radio选中和取消 使用prop()代替attr()》的评论
- 发表评论
苏公网安备 32070502010230号