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