$('input[name="wechat"]').click(function() { //选取同一name下的input
if($('input[name="wechat"]').is(':checked')) { //判断input是否选中
$('input[name="wechat"]').prop('checked', false); //清除所有的选中状态
$(this).prop('checked',true); //设置点击的input为选中状态
}
})
关键点:由于checkbox 再次点击会取消自己的选中状态,所以实现了单选的同时,也可以切换自身的状态。
CheckBox模仿radio单选,实现单选可取消选中状态
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 倒计时 DOM JS 验证码倒计时 获取checkbox选中值 获取所有被选中的checkbox值,并返回数组 全...
- 下载安装搭建环境 可以选npm安装,或者简单下载一个开发版的vue.js文件 浏览器打开加载有vue的文档时,控制...