如何通过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进行验证则简单许多,利用jQuery的选择器和方法可以轻松地完成同样的任务。当按钮被点击时,通过选择器`$(":radio:checked")`直接获取被选中的单选框,如果没有选中的单选框,将会弹出提示。 ```...
按理说,页面上的若干个Radio Button 在页面加载初始化时,是默认选中第一个的,但总是避免不了一些特殊的需求——所有的单选按钮都不选中,仅当用按钮触发事件时再去做必选校验。例如: <div class=radio> @...
4. **checkbox与radio的样式定制**:在IE6中,我们不能像其他现代浏览器那样通过CSS直接改变复选框(checkbox)和单选按钮(radio)的样式。一种方法是使用图片替换,将真实的input元素隐藏,显示一个带有背景图的...
`index.html` 文件通常会包含若干个段落(`<p>`)或者卡片(`<div>`),每个段落或卡片内包含一张图片和其他相关信息。例如: ```html <div class="accordion-content">Content for Image 1 ...
scratch少儿编程逻辑思维游戏源码-皮博冒险者.zip
少儿编程scratch项目源代码文件案例素材-这是之前下载的测试.zip
scratch少儿编程逻辑思维游戏源码-汽车冲突.zip
scratch少儿编程逻辑思维游戏源码-梦幻岛 3D.zip
scratch少儿编程逻辑思维游戏源码-收集水果.zip
炫酷蓝色响应式投稿说明源码.zip
机器学习算法与应用大作业-基于预处理的小麦品种的分类和聚类源码+数据+使用说明.zip是个人经导师指导并认可通过的高分设计项目,评审分98分。主要针对计算机相关专业的正在做大作业的学生和需要项目实战练习的学习者,可作为课程设计、期末大作业。。内容来源于网络分享,如有侵权请联系我删除。
vs2019_Qt5.12.12编译好的ffmpeg库,因为是c接口,别的版本理论也可以用
scratch少儿编程逻辑思维游戏源码-欧力多.zip
少儿编程scratch项目源代码文件案例素材-越野运动员.zip
GUI开发_CMake_MSVC_CLion_ElaWidgetTools_跨平台界面组件库_简化项目结构_降低上手难度_提供完整编译环境配置_支持Windows11开发_快速集成
scratch少儿编程逻辑思维游戏源码-时间先生.zip
少儿编程scratch项目源代码文件案例素材-爪猫使命召唤.zip
内容管理系统_SpringBootThymeleaf双引擎解析_梦想家CMS开源建站系统_面向政府企业组织快速搭建展示型网站如企业官网技术博客信息门户等解决建站成本高周期长问题
健康监测与运动数据自动化_云函数部署与定时任务管理_乐心健康APP账号绑定与步数同步_通过腾讯云函数和青龙面板实现自动刷步并同步至蚂蚁森林获取每日296g能量的智能脚本系统_适用于
动态雨滴玻璃掉落个人主页源码.rar