首页 > Web开发 > 详细

JQuery 实现多个checkbox类型input 一次只能选中一个

时间:2021-07-17 11:09:09      阅读:16      评论:0      收藏:0      [点我收藏+]

html:

<input type="checkbox" status="false>一

<input type="checkbox" status="false>二

<input type="checkbox" status="false>三

<input type="checkbox" status="false>四

 

js:

//禁止多选
$("input").on("click",function(){
  if($(this).is(":checked")){
    $(this).attr("status","true");
  }else{
    $(this).attr("status","false");
  }
  let status = $(this).attr("status");
  $("input").each(function(){
    if($(this).attr("status") !== status){
      $(this).attr("disabled","disabled");
    }else{
      $(this).removeAttr("disabled");
    }
  })
})

JQuery 实现多个checkbox类型input 一次只能选中一个

原文:https://www.cnblogs.com/zhuifeng-/p/15022702.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!