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)
        })
      })
    });

原文地址:https://www.cnblogs.com/phperlinxinlan/p/12173067.html

时间: 2024-10-11 07:59:04

Jquery实现点击当前radio button设置选中属性,其它设置非选中属性的相关文章

JQuery选中的对象和非选中的其他对象分别执行不同动作

$("#searchWeek,#searchFifteen,#searchThirty").click(function(){ $("#searchBox").val($(this).html()); $(this).addClass('select').siblings('span').removeClass('select'); }); 选中的元素添加select class  其余的移除select class. End. JQuery选中的对象和非选中的其他

Jquery中的checkbox 及radio的问题

在web开发中,我们经常会对checkbox和radio进行读写操作,下面我来分享一下我的项目中的相关案例: 一.checkbox <input id="check1" class="othercheck" type="checkbox" name="othercheck" value="1">1 1.判断单个已知checkbox是否选中 var ischeck=$("#check1&

jQuery实现自定义checkbox和radio样式

jQuery实现自定义checkbox和radio样式 1,起因 最近在工作中要实现自定义式的radio样式,而我们通常使用的时默认的样式,因为自己实在想不到解决的方法,于是开始搜索,最终看到了不错的解决办法,可以完美解决我们遇到的问题. 2,原理 大家都知道在写结构的时候,radio或checkbox都会跟随label一起使用,label的for属性值和input的id值相同的情况下,点击label就可以选中input,这里正是利用label 来覆盖我们的input默认样式,通过给label添

VC单选按钮控件(Radio Button)用法

先为对话框加上2个radio button,分别是Radio1和Radio2. 问题1:如何让Radio1或者Radio2默认选上?如何知道哪个被选上了? 关键是选上,“默认”只要放在OnInitDialog()即可.三种方法可以让它选上, 第一种:((CButton *)GetDlgItem(IDC_RADIO1))->SetCheck(TRUE);//选上((CButton *)GetDlgItem(IDC_RADIO1))->SetCheck(FALSE);//不选上((CButton

MFC中Radio Button使用方法

先为对话框加上2个radio button,分别是Radio1和Radio2. 问题1:如何让Radio1或者Radio2默认选上?如何知道哪个被选上了? 关键是选上,“默认”只要放在OnInitDialog()即可.三种方法可以让它选上,第一种:((CButton *)GetDlgItem(IDC_RADIO1))->SetCheck(TRUE);//选上((CButton *)GetDlgItem(IDC_RADIO1))->SetCheck(FALSE);//不选上((CButton *

AxureRP7.0基础教程系列 部件详解Radio Button 单选按钮

原型库网站-讲师金乌原创发布,可自由转载,请注明出处! Axure中文官网:www.AxureRP.cn   <AxureRP7.0部件详解> Radio Button 单选按钮 常见案例 在表单中 单选按钮经常用于从一个小组的选择切换到另一组.该选择可以触发该页面上的交互或被存储的变量值跨页交互. 编辑单选按钮 单选按钮组当单选按钮添加到组中后,一次只能有一个被设置为选中状态.选择你想要加入到组中的单选按钮,然后右键 -- 指定单选按钮组,或者在部件属性面板中设置单选按钮组名称.如果你想添加

jquery Mobile点击显示加载等待效果

点击某个按钮或链接时,触发等待加载效果: Xml代码   <script> <!-- $(document).bind("mobileinit", function(){ }); $( function() { //默认设置,一个小圈圈在转 $('#default').live( 'tap', function() { $.mobile.loadingMessageTextVisible = false; $.mobile.showPageLoadingMsg();

Visual Studio中Radio Button组绑定变量方法(DDX_Radio方法)

需求描述:Visual Studio 创建的界面程序中又许多 Radio Button,希望这些所有的Radio Button统一绑定到一个变量上,这个变量一旦改变,Radio Button的选中状态会相应的改变. 实现方法:在DoDataExchange函数中: DDX_Radio(pDX, IDC_RADIO1, m_nRadio1);函数 具体方法(以3个Radio Button为例): 1.三个Radio Button,ID分别为:IDC_RADIO1, IDC_RADIO2, IDC_

(转载)VS2010/MFC编程入门之二十二(常用控件:按钮控件Button、Radio Button和Check Box)

因为私人问题,鸡啄米暂停更新了几天,首先向关注鸡啄米动态的朋友说一声抱歉. 言归正传,鸡啄米上一节中讲了编辑框的用法,本节继续讲解常用控件--按钮控件的使用. 按钮控件简介 按钮控件包括命令按钮(Button).单选按钮(Radio Button)和复选框(Check Box)等.命令按钮就是我们前面多次提到的狭义的按钮控件,用来响应用户的鼠标单击操作,进行相应的处理,它可以显示文本也可以嵌入位图.单选按钮使用时,一般是多个组成一组,组中每个单选按钮的选中状态具有互斥关系,即同组的单选按钮只能有