zoukankan      html  css  js  c++  java
  • 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>

    
    
  • 相关阅读:
    模型分离(选做)
    密码保护
    实现搜索功能
    完成个人中心—导航标签
    个人中心标签页导航
    评论列表显示及排序,个人中心显示
    完成评论功能
    从首页问答标题到问答详情页
    IDEA常用快捷键
    就业培训学习记录-day010
  • 原文地址:https://www.cnblogs.com/my0901/p/7289692.html
Copyright © 2011-2022 走看看