Jquery获取页面中checkbox组中被选中的值
2014-05-05 20:12
316 查看
网上的checkbox取值大都是你抄我,我抄你,真正能拿来用的,还真没几个,今天自己总结一下
首先,jsp中部分代码
[html] view
plaincopy
<!-- 多选题 -->
<fieldset class="result_radio" id="finalResult">
<legend>正确答案<b style="color:orange;font-size:26px;vertical-align:middle"></b></legend>
<div id="answerType2" style="display:none">
<%-- <input type="hidden" name="testquestionVO.result" value="${testquestionVO.result }"/> --%>
<input type="checkbox" name="result" value="A" id="checkboxA"/>
<label for="checkboxA">A</label>
<input type="checkbox" name="result" value="B" id="checkboxB"/>
<label for="checkboxB">B</label>
<input type="checkbox" name="result" value="C" id="checkboxC"/>
<label for="checkboxC">C</label>
<input type
e4a7
="checkbox" name="result" value="D" id="checkboxD"/>
<label for="checkboxD">D</label>
<input type="checkbox" name="result" value="E" id="checkboxE"/>
<label for="checkboxE">E</label>
</div>
</fieldset>
然后 Jquery中代码
[html] view
plaincopy
<script type="text/javascript">
$(".result_radio :checkbox").click(function(){
var cbs = $(".result_radio :checkbox:checked");
var v = "";
for(var i = 0; cbs && i < cbs.length; i++) {
v += $(cbs[i]).val();
}
$(".result_radio b").html(v);
});
</script>
这样可以实现,当选中或者取消多选框时,能动态的改变checkbox的选中情况。
首先,jsp中部分代码
[html] view
plaincopy
<!-- 多选题 -->
<fieldset class="result_radio" id="finalResult">
<legend>正确答案<b style="color:orange;font-size:26px;vertical-align:middle"></b></legend>
<div id="answerType2" style="display:none">
<%-- <input type="hidden" name="testquestionVO.result" value="${testquestionVO.result }"/> --%>
<input type="checkbox" name="result" value="A" id="checkboxA"/>
<label for="checkboxA">A</label>
<input type="checkbox" name="result" value="B" id="checkboxB"/>
<label for="checkboxB">B</label>
<input type="checkbox" name="result" value="C" id="checkboxC"/>
<label for="checkboxC">C</label>
<input type
e4a7
="checkbox" name="result" value="D" id="checkboxD"/>
<label for="checkboxD">D</label>
<input type="checkbox" name="result" value="E" id="checkboxE"/>
<label for="checkboxE">E</label>
</div>
</fieldset>
然后 Jquery中代码
[html] view
plaincopy
<script type="text/javascript">
$(".result_radio :checkbox").click(function(){
var cbs = $(".result_radio :checkbox:checked");
var v = "";
for(var i = 0; cbs && i < cbs.length; i++) {
v += $(cbs[i]).val();
}
$(".result_radio b").html(v);
});
</script>
这样可以实现,当选中或者取消多选框时,能动态的改变checkbox的选中情况。
相关文章推荐
- Jquery获取页面中checkbox组中被选中的值
- JQuery获取被选中复选框checkbox的个数
- jquery中获取动态checkbox是否被选中
- JQuery获取被选中的checkbox的value值
- JQuery获取checkbox是否被选中
- 使用JQuery获取被选中的checkbox的value值
- Jquery 获取页面所有checkbox 以及调用Ajax
- JQuery获取页面上选中的checkbox
- jQuery操作复选框checkbox技巧总结 ---- 设置选中、取消选中、获取被选中的值、判断是否选中等
- jquery获取被选中的checkbox
- 获取页面上所有的checkbox选中项的value,jQuery获取checkbox选中项等操作及注意事项
- JQuery如何获取table中checkBox选中的多行的值并传到另一个html页面中
- jquery 获取页面所有选中checkbox的值
- jquery获取复选框checkbox被选中的值
- 分答项目_技能点_jquery获取待删除页面中已选择分类即checkbox为true的分类
- 获取页面中被选中元素的 JS原生方法 与 jQuery方法 分析
- jquey获取页面中所有被选中的checkbox和radio的值,并保存为以逗号隔开的字符串
- jQuery遍历页面所有CheckBox查看是否被选中的方法
- jquery 获取checkbox,radio,select被选中的值
- 使用JQuery获取被选中的checkbox的value值