xzybk

这里主要说一下这个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);
            }
});

分类:

技术点:

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-07-21
  • 2022-12-23
  • 2021-11-23
  • 2022-12-23
  • 2021-11-23
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-04-11
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案