循环下的radio操作

最新推荐文章于 2021-02-26 17:50:41 发布

zbyluxzing

最新推荐文章于 2021-02-26 17:50:41 发布

阅读量3.4k

点赞数 1

分类专栏： jQuery和js知识点

本文链接：https://blog.csdn.net/zbyluxzing/article/details/46799459

版权

jQuery和js知识点专栏收录该内容

8 篇文章 0 订阅

订阅专栏

举实例说明：

			  <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> οnclick="judge('${acct.dhlAccount}')"/>开通</label>
			    <label>
	      @@1、 <input type="radio" name="ac${status.index}"   <c:if test="${acct.isHasArrNot=='1'}"> checked='checked'</c:if>  οnclick="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

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

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

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

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