如何通过Jquery获取radio的值
Jquery老的版本
var_name = $(“input[@name='radio_name']:checked”).val();
Jquery 1.3以后的版本
var_name = $(“input[name='radio_name']:checked”).val();
区别是老版本有个@.
myCode:
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();
}
}
<tr>
<td class="dataTable_deatil_title">是否特殊箱</td>
<td>
<s:radio name="isSpecialCnt" list="#application.optionsService.makeParamMap()" onclick="getra()"> </s:radio>
</td>
<td class="dataTable_deatil_title">开航日期</td>
<td><s:textfield id="sailingDay" name="sailingDay" size="10"
value="%{departureDate == null ? '' : getText('global.format.date',{sailingDay})}" />
<img id="img_sailingDay"
src="<c:url value="/widgets/calendar/images/calendar.gif"/>"
width="22" height="19" align="absmiddle" /></td>
</tr>
<tr id="isSpecialCntYes" style="display:none">
<td class="dataTable_deatil_title">柜型</td>
<td><s:select name="specialCntType" list="#application.optionsService.getParamsOptions('PTL_TRADE_CNTTYPE')" headerKey=""
headerValue="%{getText('option.empty.text')}"></s:select></td>
</tr>
<tr id="isSpecialCntNo" style="display:none">
<td class="dataTable_deatil_title">柜型</td>
<td><s:textfield name="specialCntType" /></td>
</tr>
多选的值加起来?算术加?变成数组?字符串连接?
算术加:
var s = 0;
$(':checkbox:checked').each(function(i, n) { s += new Number(n.value); });
window.alert("结果为:" + s);
变成数组:
var s = [];
$(':checkbox:checked').each(function(i, n) { s[s.length] = n.value; });
window.alert("结果为:" + s.join()); // s 为值数组,不能直接输出,连接后输出为“值1,值2,...”
今天做项目的时候写单选,发觉input radio的可以多选,之前都没留意过,还以为自己的win8傻了,因为装了win8这两个星期来总是有些问题。
< div class = "bottom" >
< input type = "radio" name = "1" value = "1" />公开(署名)
< input type = "radio" name = "2" value = "2" />公开(匿名)
< input type = "radio" name = "3" value = "3" />私密
< a href = "#" class = "form_btn_2 fr mt20" title = "发表" alt = "发表" ></ a >
</ div >
|
后来才觉,不是win8傻,是自己傻了,同一组的单选的name值要一致。
< div class = "bottom" >
< input type = "radio" name = "1" value = "1" />公开(署名)
< input type = "radio" name = "1" value = "2" />公开(匿名)
< input type = "radio" name = "1" value = "3" />私密
< a href = "#" class = "form_btn_2 fr mt20" title = "发表" alt = "发表" ></ a >
</ div >
|
把input 的name值改过来就可以啦。就此记过,表示自己曾经无知过。
分享到:
相关推荐
本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...
本文将深入探讨如何使用jQuery来美化radio和checkbox。 首先,理解jQuery的基本概念是必要的。jQuery是一个轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理和动画效果。通过引入jQuery库,开发者可以编写...
本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...
jquery的easyUI框架,单选按钮插件封装
在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解...
昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个
### jQuery中如何判断radio选中(4种方法) 在Web开发中,经常需要处理表单数据,特别是用户交互部分的数据验证。对于`<input type="radio">`元素来说,了解其选中状态是非常重要的,这有助于我们在前端进行逻辑...
、根据原有的select 模拟生成新的 select。 2、支持键盘,可通过键盘选择选项。 3、可自定义样式。 4、方便灵活,可选择需要的seletc 进行模拟(非全局模拟) 5、判断用户是否开启脚本支持,若未开启,不进行...
先给大家分享一篇关于Jquery获取radio选中的值的实例内容 Jquery获取radio选中值实例总结 https://www.jb51.net/article/154831.htm 话不多说,请看代码: <!DOCTYPE ...
综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...
通过查看和运行这个示例,你可以更直观地了解jQuery如何操作radio按钮。这个例子可能包括了创建radio按钮组,添加事件监听器,以及动态改变按钮状态等功能。 总结来说,jQuery提供了一套简洁的API来处理HTML的radio...
单选组radio: $(“input[@type=radio][@checked]”).val(); 单选组radio: $(“input[@type=radio]”).attr(“checked”,’2′);//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $(‘input...
主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...
本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下: html代码如下: <input type="radio" id="d1" name="ra" value="a" checked="checked" /> <input type="radio" ...
为了帮助开发者更好地理解和使用jQuery操作Radio控件,文章提供了具体的实例代码,并说明了在不同情况下如何选取和操作Radio控件。掌握了这些方法,开发者就能够灵活地控制Radio按钮的选中状态,从而提升用户交互...
jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码jQuery源码...
在事件回调函数中,我们使用jQuery的`$()`选择器找到name属性为`hasPrepaidVoucher`且title属性为'有'的Radio按钮,并使用`.attr('checked', true)`设置其`checked`属性为`true`,表示该Radio被选中。最后,调用`...
以上就是使用jQuery操作Radio按钮的一些常用方法,通过这些方法的介绍和示例代码,开发者可以更加灵活地控制Radio元素的行为,从而实现更丰富和动态的用户交互效果。需要注意的是,由于文档内容可能存在OCR扫描错误...
在本篇介绍Jquery获取radio选中值的实例总结中,将会详细地分享关于如何使用jQuery来选取和操作HTML中单选按钮(radio buttons)的方法。由于文章内容中有小部分OCR扫描错误,所以在讲解时会尽量保持原意且保证内容...