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

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics