点击提交按钮的时候,将所有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())"/>