首页 > 其他 > 详细

input radio点击选中再点击取消

时间:2019-10-08 17:14:38      阅读:376      评论:0      收藏:0      [点我收藏+]

这里主要说一下这个jquery中的data()方法,个人感觉这个方法平时挺少用到的,所以说一说,按照官方的解释就是 向元素附加数据,然后取回该数据;
嗯,是的,就是这么简单。
那这里说一下这个方法的使用,我们都知道单选按钮在点击之后再点击是不能直接取消的,要取消的话只能使用js设置checked属性,如果是单个单选按钮,还是挺容易的,但是多个单选的时候,就会觉得很蛋疼,所以我们可以使用data()方法来实现


html部分

<div><input type="radio">按钮</div>
<div><input type="radio">按钮</div>
<div><input type="radio">按钮</div>
<div><input type="radio">按钮</div>
<div><input type="radio">按钮</div>

js部分

$(‘input:radio‘).click(function(){
            var $radio = $(this);
            if ($radio.data(‘checked‘)){
              $radio.prop(‘checked‘, false);
              $radio.data(‘checked‘, false);
            } else {
              $radio.prop(‘checked‘, true);
              $radio.data(‘checked‘, true);
            }
});

input radio点击选中再点击取消

原文:https://www.cnblogs.com/xzybk/p/11636157.html

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