联系我们
简单又实用的WordPress网站制作教学
当前位置:网站首页 > 网页前端技术 > 正文

jquery获取radio值实例 - Web前端

作者:98wpeu发布时间:2026-10-03分类:网页前端技术浏览:8


导读:本文实例讲述了JQuery获取radio值的方法,分享给大家供大家参考。具体如下:单选组radio:复制代码代码如下:$("input[@type=radio][@checke...

本文实例讲述了JQuery获取radio值的方法,分享给大家供大家参考。具体如下:

单选组radio: 复制代码 代码如下:$("input[@type=radio][@checked]").val();

单选组 radio: 复制代码 代码如下:$("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

获取一组radio被选中项的值
复制代码 代码如下:var item = $('input[@name=items][@checked]').val();

radio单选组的第二个元素为当前选中值
复制代码 代码如下:$('input[@name=items]').get(1).checked = true

jQuery老的版本
复制代码 代码如下:var_name = $("input[@name='radio_name']:checked").val();
jquery 1.3以后的版本
复制代码 代码如下:var_name = $("input[name='radio_name']:checked").val();

获取radio值的jquery实例:

复制代码 代码如下:function getra(){

var_name = $("input[name='isspecialcnt']:checked").val();
//alert(var_name);
if(var_name=='1'){
$("#isspecialcntyes").show();
$("#isspecialcntno").hide();
}
if(var_name=='0'){
$("#isspecialcntyes").hide();
$("#isspecialcntno").show();
}
}

<FORM name="form1" method="post" action="">
<p>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_0">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_1">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_2">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_3">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_4">
单选</label>
<br>
<label>
<input type="radio" name="radiogroup1" value="单选" id="radiogroup1_5">
单选</label>
<br>
</p>
</Form>

希望本文所述对大家的javascript程序设计有所帮助。

标签:实例Webradiojquery


网页前端技术排行
最近发表
网站分类
标签列表