获取checkbox选中的值，提交Form表单

点击提交按钮的时候，将所有CheckBox选中项弹出显示。

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="1" />
                    <label>幻觉</label>

                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="2" />
                    <label>交流困难</label>

                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="3" />
                    <label>猜疑</label>

                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="4" />
                    <label>喜怒无常</label>
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="5" />
                    行为怪异
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="6" />
                    兴奋话多
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="7" />
                    <label>伤人毁物</label>
                    <br />
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="8" />
                    <label>悲观厌世</label>

                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="9" />
                    <label>无故外走</label>
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="10" />
                    <label>自言自语</label>
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="11" />
                    孤僻懒散
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="12" />其他
                    <input type="hidden" name="Jszzdm" id="Jszzdm" value="@Model.Jszzdm" />
<input type="button" value="GET" οnclick="alert($('input[type=checkbox]:checked').map(function(){return this.value}).get().join(','))"/>

 

将CheckBox的选中值放到隐藏域中，点击提交时弹出显示。

<script src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
<input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="1" />
                    <label>幻觉</label>
 
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="2" />
                    <label>交流困难</label>
 
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="3" />
                    <label>猜疑</label>
 
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="4" />
                    <label>喜怒无常</label>
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="5" />
                    行为怪异
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="6" />
                    兴奋话多
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="7" />
                    <label>伤人毁物</label>
                    <br />
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="8" />
                    <label>悲观厌世</label>
 
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="9" />
                    <label>无故外走</label>
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="10" />
                    <label>自言自语</label>
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="11" />
                    孤僻懒散
                    <input name="Jszzdm1" id="Jszzdm1" type="checkbox" value="12" />其他
                    <input type="hidden" name="Jszzdm" id="Jszzdm" value="@Model.Jszzdm" />
<script>
  $('input[type=checkbox]').change(function(){
    $('#Jszzdm').val($('input[type=checkbox]:checked').map(function(){return this.value}).get().join(','))
  })
</script>
<input type="button" value="GET" οnclick="alert($('#Jszzdm').val())"/>