Jquery获取页面中checkbox组中被选中的值
来源:互联网 发布:js怎么训练 编辑:程序博客网 时间:2024/05/21 15:07
网上的checkbox取值大都是你抄我,我抄你,真正能拿来用的,还真没几个,今天自己总结一下
首先,jsp中部分代码
- <!-- 多选题 -->
- <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="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中代码
- <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的选中情况。
0 0
- Jquery获取页面中checkbox组中被选中的值
- Jquery获取页面中checkbox组中被选中的值
- jquery 获取 选中的checkbox的值
- jquery获取checkbox选中的值
- jquery获取checkbox选中的值
- jquery获取checkbox选中的值
- JQuery获取checkbox选中的值
- Jquery获取checkbox选中项的值
- jQuery获取checkbox选中的值
- jQuery获取checkbox选中的值
- jquery获取 checkbox 选中的值
- jquery 获取checkbox 选中的值
- JQuery 获取选中checkbox值
- jQuery 获取所有checkbox选中的值 、 全选checkbox等
- 获取repeater 中 checkbox 选中的值
- 获取页面上所有的checkbox选中项的value,jQuery获取checkbox选中项等操作及注意事项
- jquery获取所有选中的checkbox,判断CheckBox是否选中
- JS中获取页面单选框radio和复选框checkbox中当前选中的值
- android 4.4 - Important Behavior Changes
- 读书笔记-APUE第三版-(6)系统数据文件和信息
- JavaScript 正则表达式
- API 之 playsound
- linux 按文件大小排序
- Jquery获取页面中checkbox组中被选中的值
- Object类
- pentadactyl学习笔记之代理切换
- Java HashMap的死循环
- iOS学习之iOS沙盒(sandbox)机制和文件操作(二)
- POJ 1207 - The 3n + 1 problem
- 邻接矩阵(以顶点为中心),比较稀疏时,采用邻接表;图的两种遍历(邻接矩阵实现)
- 二叉树算法一之创建和遍历
- Viewpaper Fragment RadioButton 仿QQ主界面