循环下的radio操作

来源：互联网发布：约瑟夫环算法数组编辑：程序博客网时间：2024/04/30 12:47

举实例说明：

  <ul>                    <c:forEach items="${customer.accountList}" varStatus="status" var="acct">                <c:if test="true">                <li>                 <lable>短信送达服务：</lable>                            <label>${acct.dhlAccount}</label>                            <label>        @@1、 <input type="radio"  name="ac${status.index}"   <c:if test="${acct.isHasArrNot=='0'}"> checked='checked'</c:if> onclick="judge('${acct.dhlAccount}')"/>开通</label>    <label>      @@1、 <input type="radio" name="ac${status.index}"   <c:if test="${acct.isHasArrNot=='1'}"> checked='checked'</c:if>  onclick="judge('${acct.dhlAccount}')"/> 未/取消开通</label></span>                 <input type="hidden"  name="arrNot"  value="${acct.isHasArrNot}" id="name${acct.dhlAccount}";>                 <input type="hidden"  name="arrNotAccount" value="${acct.dhlAccount}" id="${acct.dhlAccount}";>               @@2、  <input type="hidden" value="${status.index}" id="bn${acct.dhlAccount}"></li></c:if>       </c:forEach>    @@3、  <input type="hidden"  name="radioValue"  id="radioValue"/>                           </ul>

javaScript调用：

function judge(canshu){var inputval = $("#name"+canshu).val();if(inputval==null||inputval==""){    message("该账号没有短信送达权限，请开通",3);$("#one").val(canshu);@@2、$("input:radio[name='ac"+$("#bn"+canshu).val()+"']").attr("checked",false);}

@@3、  function valueSubmit(){       var  accList = "${customer.accountList}";//后台直接传过来的  body里的el表达式         var stringList = accList.substring(accList.indexOf('[')+1,accList.lastIndexOf(']'));         var accountList = stringList.split(",");         var raValue="";        for(var i=0;i<accountList.length;i++){             var inputList = document.getElementsByName("ac"+i);             if(inputList[0].checked==true){              raValue=raValue+","+0;             }             else if(inputList[1].checked==true){               raValue=raValue+","+1;            }else{               raValue=raValue+","+"";            }         }          var str=raValue.substring(1);          $("#radioValue").val(str);          document.getElementById('formNotice').submit();}

知识点：1、标记为1部分，foreach出来的radio的name命名规则：radio组与radio组之间的name不能一样，组内两个radio的名字要一样。如果radio名字全部都一样，只有一个radio起作用。

2、、标记为2的部分,jquery根据名字选择radio:

$("input:radio[name='ac']").attr("checked",false); 表示相应的radio去掉选中。

由于radio名字不一样，可以借用input和js方法中的参数来进行传值，来完成相应radio的选择：这个很重要

如：<input type="hidden" value="${status.index}" id="bn${acct.dhlAccount}"> 的value

onclick=judge('${acct.dhlAccount}') judge的参数

3.标记为3的部分是将选中的radio放入id为radioValue的input的值中，传给后台接收。

******* 在JSp页面中，body传给javascript传值有两种方式：1.通过input的值传给js 2.通过要调用的js方法的参数

****** 在解决问题时，一种思路解决不了的时候，要在适当的时候跳出来换思路。已解决问题为主。

0 0