`
mowengaobo
  • 浏览: 167344 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

关于Jquery和radio的若干

 
阅读更多

如何通过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,...” 

 

关于html中radio多选问题

  今天做项目的时候写单选,发觉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值改过来就可以啦。就此记过,表示自己曾经无知过。

分享到:
评论

相关推荐

    js和jquery分别验证单选框、复选框、下拉框

    使用jQuery进行验证则简单许多,利用jQuery的选择器和方法可以轻松地完成同样的任务。当按钮被点击时,通过选择器`$(":radio:checked")`直接获取被选中的单选框,如果没有选中的单选框,将会弹出提示。 ```...

    jQuery实现 RadioButton做必选校验功能

    按理说,页面上的若干个Radio Button 在页面加载初始化时,是默认选中第一个的,但总是避免不了一些特殊的需求——所有的单选按钮都不选中,仅当用按钮触发事件时再去做必选校验。例如: &lt;div class=radio&gt; @...

    ie6下不兼容总结若干

    4. **checkbox与radio的样式定制**:在IE6中,我们不能像其他现代浏览器那样通过CSS直接改变复选框(checkbox)和单选按钮(radio)的样式。一种方法是使用图片替换,将真实的input元素隐藏,显示一个带有背景图的...

    CSS3图像手风琴效果

    `index.html` 文件通常会包含若干个段落(`&lt;p&gt;`)或者卡片(`&lt;div&gt;`),每个段落或卡片内包含一张图片和其他相关信息。例如: ```html &lt;div class="accordion-content"&gt;Content for Image 1 ...

    3 Android SqliteManager 源码.zip

    3 Android SqliteManager 源码.zip

    基于S7-200 PLC的煤矿排水系统智能控制:三台水泵联动与备援策略

    内容概要:本文详细介绍了基于S7-200 PLC的煤矿排水系统智能控制方案,重点讨论了三台水泵(两台工作水泵和一台备用水泵)的联动与备援策略。系统通过超声波液位传感器实时监测水位,根据不同水位情况自动控制水泵的启停。具体而言,水位低时不启动水泵,水位介于中水位和高水位之间时启动1号水泵,水位超过高水位则启动1号和2号水泵共同工作。若1号或2号水泵出现故障,系统会自动启用3号备用水泵。此外,MCGS6.2组态画面用于实时监控水位和水泵状态,帮助操作员及时应对异常情况,确保矿井安全。 适合人群:从事煤矿自动化控制领域的技术人员、矿业工程管理人员及相关研究人员。 使用场景及目标:适用于需要提高煤矿排水系统自动化水平的场合,旨在提升矿井排水效率和安全性,减少人工干预,确保矿井生产安全。 其他说明:文中提到的技术方案不仅提高了排水系统的可靠性,还为未来的智能化矿山建设提供了有益借鉴。

    scratch少儿编程逻辑思维游戏源码-灌篮之王.zip

    scratch少儿编程逻辑思维游戏源码-灌篮之王.zip

    scratch少儿编程逻辑思维游戏源码-飞翔马里奥(2).zip

    scratch少儿编程逻辑思维游戏源码-飞翔马里奥(2).zip

    scratch少儿编程逻辑思维游戏源码-火柴人大战 中世纪战争.zip

    scratch少儿编程逻辑思维游戏源码-火柴人大战 中世纪战争.zip

    scratch少儿编程逻辑思维游戏源码-几何冲刺(2).zip

    scratch少儿编程逻辑思维游戏源码-几何冲刺(2).zip

    南京证券-低轨卫星互联网启动,天地一体通信迈向6G.pdf

    南京证券-低轨卫星互联网启动,天地一体通信迈向6G

    nginx-1.20.1

    nginx-1.20.1

    sshpass-1.06-8.ky10.aarch

    sshpass-1.06-8.ky10.aarch

    少儿编程scratch项目源代码文件案例素材-我的世界2D(更新北极).zip

    少儿编程scratch项目源代码文件案例素材-我的世界2D(更新北极).zip

    通信行业专题研究:车载全息数字人——AI+Agent新场景,全息投影新方向-20231121-国盛证券-13页.pdf

    通信行业专题研究:车载全息数字人——AI+Agent新场景,全息投影新方向-20231121-国盛证券-13页

    基于S7-200 PLC与组态王的邮件分拣系统设计——智能化控制技术与实践应用研究

    内容概要:本文详细介绍了利用西门子S7-200 PLC和组态王软件构建的邮件分拣系统的具体设计方案和技术细节。首先,文中阐述了硬件部分的设计,包括光电传感器、传送带电机以及分拣机械臂的连接方式,特别是旋转编码器用于精确测量包裹位移的技术要点。接着,展示了PLC编程中的关键代码段,如初始化分拣计数器、读取编码器数据并进行位置跟踪等。然后,描述了组态王作为上位机软件的作用,它不仅提供了直观的人机交互界面,还允许通过简单的下拉菜单选择不同的分拣规则(按省份、按重量或加急件)。此外,针对可能出现的通信问题提出了有效的解决方案,比如采用心跳包机制确保稳定的数据传输,并解决了因电磁干扰导致的问题。最后,分享了一些现场调试的经验教训,例如为减少编码器安装误差对分拣精度的影响而引入的位移补偿算法。 适合人群:从事自动化控制领域的工程师或者对此感兴趣的初学者。 使用场景及目标:适用于需要提高邮件或其他物品自动分拣效率的企业或机构,旨在降低人工成本、提升工作效率和准确性。 其他说明:文中提到的实际案例表明,经过优化后的系统能够显著改善分拣性能,将分拣错误率大幅降至0.3%,并且日均处理量可达2万件包裹。

    scratch少儿编程逻辑思维游戏源码-机械汽车.zip

    scratch少儿编程逻辑思维游戏源码-机械汽车.zip

    光学领域:基于束缚态驱动的手征超表面实现可调谐手征光学响应的研究及其应用

    内容概要:本文详细探讨了在连续介质中利用束缚态驱动设计并实现具有最大和可调谐手征光学响应的平面手征超表面的方法。文中首先介绍了comsol三次谐波和本征手性BIC(束缚态诱导的透明)两种重要光学现象,随后阐述了具体的手征超表面结构设计,包括远场偏振图、手性透射曲线、二维能带图、Q因子图和电场图的分析。最后,通过大子刊nc复现实验验证了设计方案的有效性,并对未来的研究方向进行了展望。 适合人群:从事光学研究的专业人士、高校物理系师生、对光与物质相互作用感兴趣的科研工作者。 使用场景及目标:适用于希望深入了解手征超表面设计原理及其光学响应机制的研究人员,旨在推动新型光学器件的研发和技术进步。 其他说明:本文不仅展示了理论分析和模拟计算,还通过实验证明了设计方法的可行性,为后续研究奠定了坚实的基础。

    少儿编程scratch项目源代码文件案例素材-位图冒险.zip

    少儿编程scratch项目源代码文件案例素材-位图冒险.zip

    少儿编程scratch项目源代码文件案例素材-校园困境2.zip

    少儿编程scratch项目源代码文件案例素材-校园困境2.zip

Global site tag (gtag.js) - Google Analytics