循环下的radio操作

原创 2015年07月08日 09:51:58

   举实例说明:

			  <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方法的参数

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

jquery循环遍历页面上的radio,checkbox,text,textarea

$("#btnSave").click(function(){ var raoLg = $("#menutop2 ul").length; for(var i =1;i
  • xb12369
  • xb12369
  • 2014年07月30日 15:07
  • 8431

thinkphp 页面上循环checkbox选择的值和radio混用,if判断

thinkphp 页面上循环checkbox选择的值和radio混用,if判断

jquery循环遍历页面上的radio,checkbox

$("#btnSave").click(function(){               //radio    var raoLg = $("#menutop2 ul").length;    fo...

radio操作

  • 2012年11月04日 18:07
  • 1KB
  • 下载

JQuery对radio的操作 (01).zip

  • 2014年05月07日 14:13
  • 68KB
  • 下载

【前端开发实例】JQuery 使用 attr() 操作单选框(radio)、复选框(check)不能生效 -(一)

JQuery 使用 attr() 操作单选框(radio)、复选框(check)无效

jquery 操作select,checkbox,radio (整理)

在工作中经常用到select,checkbox,radio,今天有点空闲就整理一下,免得以后用的时候还要重新找。 操作select下拉框 —— 获取值或选中项: 1, $("#select_id")...

Jquery 操作Html 控件 CheckBox、Radio、Select 控件

Jquery 操作Html 控件 CheckBox、Radio、Select 控件 在使用 Javascript 编写前台脚本的时候,经常会操作 Html 控件,比如 checkbox、rad...

jQuery-对Radio/CheckBox的操作集合

jQuery获取Radio选择的Value值 代码  $("input[name='radio_name'][checked]").val(); //选择被选中Radio的Value值  ...

JQuery操作checkbox、radio等示例

在html的checkbox里,选中的话会有属性checked="checked"。 如果用一个checkbox被选中,alert这个checkbox的属性"checked"的值alert($"#x...
  • vipyhd
  • vipyhd
  • 2012年06月05日 15:59
  • 179
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:循环下的radio操作
举报原因:
原因补充:

(最多只允许输入30个字)