`
mowengaobo
  • 浏览: 164128 次
  • 性别: 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值改过来就可以啦。就此记过,表示自己曾经无知过。

分享到:
评论

相关推荐

    JQuery 自定义 radio与checkbox

    本话题主要关注如何使用jQuery来实现自定义的radio(单选按钮)和checkbox(复选框)的美化。在现代Web界面设计中,为了提供更美观、用户体验更好的表单元素,开发者经常需要对这些标准HTML元素进行定制。 首先,...

    jQuery美化radio和checkbox

    本文将深入探讨如何使用jQuery来美化radio和checkbox。 首先,理解jQuery的基本概念是必要的。jQuery是一个轻量级、高性能的JavaScript库,它简化了DOM操作、事件处理和动画效果。通过引入jQuery库,开发者可以编写...

    JQuery操作checkbox、radio等示例

    本篇文章将深入探讨如何使用jQuery来操作checkbox和radio元素,这两种元素在表单提交和用户交互中扮演着重要角色。 首先,让我们了解checkbox和radio的基本概念。Checkbox用于提供多选选项,用户可以勾选多个选项;...

    jquery.radio.js

    jquery的easyUI框架,单选按钮插件封装

    JQuery判断radio是否有选中,获取选中的值

    在网页开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互等任务。本文将深入探讨如何使用jQuery来判断单选按钮(radio)是否有被选中,并获取选中的值。 首先,我们需要理解...

    jquery 设置select checkbox radio只读

    昨天网上找了很多关于设置select checkbox radio只读的,都没办法满足要求,自己写了一个

    jQuery中如何判断radio选中(4种方法)

    ### jQuery中如何判断radio选中(4种方法) 在Web开发中,经常需要处理表单数据,特别是用户交互部分的数据验证。对于`&lt;input type="radio"&gt;`元素来说,了解其选中状态是非常重要的,这有助于我们在前端进行逻辑...

    jquery操作Radio、Checkbox、Select Demo

    这些是jQuery对Radio、Checkbox和Select基本的操作方式。在实际应用中,你可能还需要结合DOM遍历、事件冒泡等知识,实现更复杂的交互功能。提供的Demo文件应该包含了这些操作的实例代码,通过查看和实践,可以加深...

    jquery美化checkbox,radio

    、根据原有的select 模拟生成新的 select。 2、支持键盘,可通过键盘选择选项。 3、可自定义样式。 4、方便灵活,可选择需要的seletc 进行模拟(非全局模拟) 5、判断用户是否开启脚本支持,若未开启,不进行...

    Jquery获取radio选中的值

    先给大家分享一篇关于Jquery获取radio选中的值的实例内容 Jquery获取radio选中值实例总结 https://www.jb51.net/article/154831.htm 话不多说,请看代码: &lt;!DOCTYPE ...

    jquery radio checkbox 美化

    综上所述,"jQuery radio checkbox美化"涉及到前端开发中的多方面技能,包括jQuery的选择器和事件处理、CSS样式设计、插件应用、自定义图标、响应式设计以及无障碍性考虑。通过学习和实践这些技巧,可以创建出既美观...

    JQuery对radio的操作 (01).zip

    通过查看和运行这个示例,你可以更直观地了解jQuery如何操作radio按钮。这个例子可能包括了创建radio按钮组,添加事件监听器,以及动态改变按钮状态等功能。 总结来说,jQuery提供了一套简洁的API来处理HTML的radio...

    jquery获取radio值(单选组radio)

    单选组radio: $(“input[@type=radio][@checked]”).val(); 单选组radio: $(“input[@type=radio]”).attr(“checked”,’2′);//设置value=2的项目为当前选中项 获取一组radio被选中项的值 var item = $(‘input...

    JQuery判断radio(单选框)是否选中和获取选中值方法总结

    主要介绍了JQuery判断radio(单选框)是否选中和获取选中值方法总结,本文讲解了利用获取选中值判断选中、使用checked属性判断选中、jquery获取radio单选按钮的值、获取一组radio被选中项的值、设置单选按钮被选中等...

    jquery判断单选按钮radio是否选中的方法

    本文实例讲述了jquery判断单选按钮radio是否选中的方法。分享给大家供大家参考。具体如下: html代码如下: &lt;input type="radio" id="d1" name="ra" value="a" checked="checked" /&gt; &lt;input type="radio" ...

    JQuery控制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源码jQuery源码jQuery源码...

    layui中使用jquery控制radio选中事件的示例代码

    在事件回调函数中,我们使用jQuery的`$()`选择器找到name属性为`hasPrepaidVoucher`且title属性为'有'的Radio按钮,并使用`.attr('checked', true)`设置其`checked`属性为`true`,表示该Radio被选中。最后,调用`...

    利用jquery操作Radio方法小结

    以上就是使用jQuery操作Radio按钮的一些常用方法,通过这些方法的介绍和示例代码,开发者可以更加灵活地控制Radio元素的行为,从而实现更丰富和动态的用户交互效果。需要注意的是,由于文档内容可能存在OCR扫描错误...

Global site tag (gtag.js) - Google Analytics