下载安卓APP箭头
箭头给我发消息

客服QQ:3315713922

web前端:JQUERY实现点击当前RADIO BUTTON设置选中属性,其它设置非选中属性

作者:dreams7433     来源: 博客园点击数:1980发布时间: 2020-09-11 11:00:12

标签: web前端JQUERYhtml代码

Web开发

  Windows窗体RadioButton控件为用户提供由两个或多个互斥选项组成的选项集。虽然单选按钮和复选框看似功能类似,却存在重要差异:当用户选择某单选按钮时,同一组中的其他单选按钮不能同时选定。相反,却可以选择任意数目的复选框。定义单选按钮组将告诉用户:"这里有一组选项,您可以从中选择一个且只能选择一个。

  jQuery实现点击当前RADIOBUTTON设置选中属性,其它设置非选中属性

  一、html代码:

  <divclass="ques-tc-r"id="question_type">

  <ulclass="clearfix">

  <liclass="select-cur">

  <inputtype="radio"value="1"name="question_type"checked="checked"/>

  <span>问题A</span>

  </li>

  <li>

  <inputtype="radio"value="2"name="question_type"/>

  <span>问题B</span>

  </li>

  <li>

  <inputtype="radio"value="3"name="question_type"/>

  <span>问题C</span>

  </li>

  <li>

  <inputtype="radio"value="4"name="question_type"/>

  <span>问题D</span>

  </li>

  </ul>

  </div>

  二、jQuery代码:

  $('.ques-tc-rulli').each(function(i,o){

  $(o).click(function(){

  $(o).addClass('select-cur');

  $(o).siblings().removeClass('select-cur');

  $('.select-cur>input').attr('checked',true)

  $('.ques-tc-rulli:not(.select-cur)>input').each(function(index,it){

  $(it).attr("checked",false)

  })

  })

  });

  当单击RadioButton控件时,其Checked属性设置为true,并且调用Click事件处理程序。当Checked属性的值更改时,将引发CheckedChanged事件。如果AutoCheck属性设置为true(默认值),则当选择单选按钮时,将自动清除该组中的所有其他单选按钮。

赞(0)
踩(0)
分享到:
华为认证网络工程师 HCIE直播课视频教程