• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录
不敌你丶回眸一笑
博客园    首页    新随笔    联系   管理    订阅  订阅

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>


posted @ 2017-08-05 11:35  刚刚好丶  阅读(1159)  评论(0)    收藏  举报
刷新页面返回顶部
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3