Jquery获取列表中的值和input单选、多选框控制选中与取消

一、Jquery获取列表中的值

  1、jsp页面代码

  

<tbody>
                        <c:forEach var="model" items="${listRefEntity }" varStatus="status">
                            <tr>
                                <td>${status.index+1}</td>
                                <td>${model[1].memCode }</td>
                                <td>${model[0].memFullname }</td>
                                <td>
                                    <c:forEach var ="quoteTypeVar" items="${sysBasDictByRc}">
                                            <c:if test="${model[1].area eq quoteTypeVar.dictValue}">${quoteTypeVar.dictItem}</c:if>
                                    </c:forEach>
                                </td>
                                <td>${model[1].industry }</td>
                                <td>
                                    <c:forEach var ="quoteTypeVar" items="${sysBasDictByRating}">
                                            <c:if test="${model[1].rating eq quoteTypeVar.dictValue}">${quoteTypeVar.dictItem}</c:if>
                                    </c:forEach>
                                </td>
                                <td><a href="javascript:;" id="modify" >修改</a></td>
                            </tr>
                        </c:forEach>
                    </tbody>

  2、js代码

1                //修改交易商
2             $('#modify').on('click',function(){
3                 var memCode = $(this).parents("tr").find("td:nth-child(2)").text();  //参考实体编码
4                 //alert(memCode);
5                 //$(this)代表修改的td,  parents("tr")表示td的上一个节点tr,find表示在tr下寻找
6                 var entityName = $(this).parents("tr").find("td:nth-child(3)").text();  //参考实体名称
7                 var area1 = $(this).parents("tr").find("td:nth-child(4)").text();  //地域  
         });

          <td style="display: none;">隐藏</td> //设置一个隐藏的td

    

二、input多选框控制

  1

1 $('#clearbtn').click(function(){
2                     var boxes = $("input[type='checkbox']");
3                     for(i=0;i<boxes.length;i++){
4                         boxes[i].checked = false;
5                     }
6                 });

   2 多选框选中回显


<li>
  <span>评级:</span>
  <c:forEach items="${levelList }" var="model" varStatus="status">
    <label>
      <input id="checkbox" type="checkbox" name="pr4" value="${model.dictValue }" <c:forEach var ="rating" items="${ratingValue}"> <c:if test="${ rating eq model.dictValue}">checked="checked"</c:if> </c:forEach>/>${model.dictItem}
    </label>
  </c:forEach>
</li>


原文地址:https://www.cnblogs.com/my0901/p/7289692.html