Jquery实现点击当前radio button设置选中属性,其它设置非选中属性

Posted phperlinxinlan

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Jquery实现点击当前radio button设置选中属性,其它设置非选中属性相关的知识,希望对你有一定的参考价值。

一、html代码:

<div class="ques-tc-r" id="question_type">
                          <ul class="clearfix">
                            <li class="select-cur">
                              <input type="radio" value="1" name="question_type" checked="checked" />
                              <span>问题A</span>
                            </li>
                            <li>
                              <input type="radio" value="2" name="question_type" />
                              <span>问题B</span>
                            </li>
                            <li>
                              <input type="radio" value="3" name="question_type" />
                              <span>问题C</span>
                            </li>
                            <li>
                              <input type="radio" value="4" name="question_type" />
                              <span>问题D</span>
                            </li>
                          </ul>
                        </div>

二、jQuery代码:

$(‘.ques-tc-r ul li‘).each(function (i, o) {
      $(o).click(function () {
        $(o).addClass(‘select-cur‘);
        $(o).siblings().removeClass(‘select-cur‘);
        $(‘.select-cur > input‘).attr(‘checked‘, true)
        $(‘.ques-tc-r ul li:not(.select-cur) > input‘).each(function (index, it) {
          $(it).attr("checked", false)
        })
      })
    });

 

以上是关于Jquery实现点击当前radio button设置选中属性,其它设置非选中属性的主要内容,如果未能解决你的问题,请参考以下文章

jQuery实现radio第一次点击选中第二次点击取消功能(转)

jquery解决input[type=radio]点击选中取消

radio 实现点击两次 第一次点击选中第二次点击取消

使用Radio Button和JS进行CSS转换

jquery怎么自动触发radio的点击事件

MFC radio button如何默认选中