勾选框 js checkbox取值

实例1

 jsp页面：

<div id="score_dict">
                  <c:if test="${action=='create'}">
                    <c:forEach var="d" items="${dicts}">
                    <input type="hidden" value="d.id"/>
                    <div class="form-group">
                    <label class="col-sm-2 control-label">${d.value}:</label>
                        <div class="col-sm-8">
                            <!-- <input class="rating" min=0 max=5 step=1 data-size="xs" type="number"
                             data-symbol="&#xf005;" data-glyphicon="false" data-rating-class="rating-fa"> -->
                             <input type="checkbox"  value="1" class="required" checked="checked">
                        </div>
                    </div>
                    </c:forEach>
                  </c:if>
                  <c:if test="${action=='update'}">
                    <c:forEach var="d" items="${commentRank}">
                    <input type="hidden" value="d.id"/>
                    <div class="form-group">
                    <label class="col-sm-2 control-label">${d.dict.value}:</label>
                        <div class="col-sm-8">
                            <%-- <input class="rating" min=0 max=5 step=1 data-size="xs" type="number" value="${d.score}"
                             data-symbol="&#xf005;" data-glyphicon="false" data-rating-class="rating-fa"> --%>
                             <c:if test="${d.score=='1' }"><input type="checkbox"  value="1" class="required" checked="checked"></c:if>
                             <c:if test="${d.score=='0' }"><input type="checkbox"  value="0" class="required"></c:if>
                        </div>
                    </div>
                    </c:forEach>
                  </c:if>
                </div>

js：

function save(){

        var hiddenlist=$("#score_dict input[type='hidden']");
         var hiddenlist_value=$("#score_dict input[type='checkbox']");
        
        var scorelist=[];
         for(var i=0;i<hiddenlist.length;i++){
            var v_id=hiddenlist[i];
             var v_val=hiddenlist_value[i].value;
             if(hiddenlist_value[i].checked){
                var v_val=hiddenlist_value[i].value;//hiddenlist_value[i]后面要跟上value才可以取到值
            }else{
                var v_val = 0;
            }
            var v_param={'score':v_val};
            scorelist.push(v_param);
        }         
        var json= JSON.stringify(scorelist);
        $('#scores').val(json);
        $("#inputForm").submit();

    }

实例2：

 

 

=============HTML部分==========

<input type="checkbox" value="1" id="snaglev"name="snaglev">严重&nbsp;
<input type="checkbox" value="2" id="snaglev"name="snaglev">主要&nbsp;
<input type="checkbox" value="3" id="snaglev"name="snaglev">次要&nbsp;
<input type="checkbox" value="4" id="snaglev"name="snaglev">警告

 

============js部分======================

var obj = document.getElementsByName("snaglev");

for(var i=0;i<obj.length;i++){
  if(obj[i].checked){
   almlev =almlev+"#"+obj[i].value;
  }
 }