判断多选框选择数量,并将选择的value拼接到另一个字符串

应用场景:自行选择特殊项目费用放置位置,若选择多个,自行选择在每项中的分配金额

jsp:

<div id="tsxm" class="control-group" style="display: none">
                <label class="control-label" style="width: 200px;">特殊项目费用:</label>${xxx.tsxmf}
                <div class="controls">
                    <label><input type="checkbox" name="tsxmwz" value="4" checked="checked" οnclick="countSelectNum();">待摊基建支出</label>
                    <label><input type="checkbox" name="tsxmwz" value="5" οnclick="countSelectNum();">固定资产</label>
                    <label><input type="checkbox" name="tsxmwz" value="6" οnclick="countSelectNum();">流动资产</label>
                    <label><input type="checkbox" name="tsxmwz" value="7" οnclick="countSelectNum();">长期待摊费用</label>
                    <label><input type="checkbox" name="tsxmwz" value="8" οnclick="countSelectNum();">无形资产</label>
                </div>
            </div>

注:tsxmMap在service赋值,key值确定,value值自行填写
            <div id="tsxmfValue" class="control-group" style="display: none">
                <div class="controls">
                       <c:forEach items="${xxx.tsxmMap}" var="tsxmf">
                           <label class="control-label" style="width: 200px;">${tsxmf.key}:</label>
                        <label><input name="tsxmMap['${tsxmf.key}']" type="text" class="input-large"/></label><br/>
                       </c:forEach>
                </div>
            </div>

js:

function countSelectNum(){
            var num = $("input[type='checkbox']:checked").length;
            if(num > 1){
                $("#tsxmfValue").show();
            }else{
                $("#tsxmfValue").hide();
            }
            var tsxmXswz = '';
            $("#tsxm input:checkbox[name='tsxmwz']:checked").each(function(){
                tsxmXswz += $(this).val() + ',';
            });
            $("#tsxmXswz").val(tsxmXswz);

           //与上述无关,判断选择上述多选框选择固定资产或流动资产,显示id为ts的div
            if(tsxmXswz.indexOf("5") != -1 || tsxmXswz.indexOf("6") != -1){
                $("#ts").show();
            }else{
                $("#ts").hide();
            }
        }
       

©️2020 CSDN 皮肤主题: 数字20 设计师:CSDN官方博客 返回首页