简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
javascript - 如何用jq radio判断选中的时候取消选中效果？
PHP中文网
PHP中文网 2017-04-10 17:56:45
0
3
498 

if($("input[type=radio]").prop("checked")){ $("input[type=radio]").prop("checked",true); }else{ $("input[type=radio]").prop("disabled",false); }

本人研究了半天，在网上搜了一大堆答案。还是无法实现input radio多次单选再取消选中。
如果用input radio两个单项 就容易多，关键是一个input radio是怎么让用户单击选中，
当用户不想要这个radio的时候 就取消掉。

我写判断 条件不对吗？


http://jsbin.com/buxequwasu/edit?html,js,output

PHP中文网
PHP中文网

认证0级讲师

Antworte allen (3)
小葫芦
小葫芦2017-04-10 17:58:45 3 Etage

判断条件写错了吧...jquery的prop方法一个值是返回当前值...
两个值表示设置为后一个值╮(╯▽╰)╭

Wie+0
Antwort hinzufügen
    黄舟
    黄舟2017-04-10 17:58:45 2 Etage

    用checkbox

    Wie+0
    Antwort hinzufügen
      洪涛
      洪涛2017-04-10 17:58:45 1 Etage

      可以换个思路嘛，既然你做的单选又不是原生样式，那么干脆就不需要input来记录选中值了。

      题主需要的功能是一个带有取消选中项的单选框。以下是核心代码；

      var $checkGroup = $(".check-group"); var $checkItem = $checkGroup.children('.check-item'); $checkItem.bind('click', function(e){ var $this = $(this); if($this.hasClass('on')){ $checkItem.removeClass('on'); }else{ $checkItem.removeClass('on'); $this.addClass('on'); } });       JS Bin

      通过样式记录选中与否，item项的值可以通过 .data 方法绑定在dom上。

      Wie+0
      Antwort hinzufügen
        Beliebte Themen
        Mehr>
        Populäre Artikel
        Beliebte Tutorials
        Mehr>
        Verwandte Tutorials
        Beliebte Empfehlungen
        Aktuelle Kurse
        Neueste Downloads
        Mehr>
        Web-Effekte
        Quellcode der Website
        Website-Materialien
        Frontend-Vorlage
        Über uns Haftungsausschluss Sitemap
        Chinesische PHP-Website：Online-PHP-Schulung für das Gemeinwohl，Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln！