web前端:JQUERY实现点击当前RADIO BUTTON设置选中属性,其它设置非选中属性
代码小侠客
2024-04-23 23:10
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(默认值),则当选择单选按钮时,将自动清除该组中的所有其他单选按钮。
免责声明:
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341