Jquery实现复选框只能单选
2014-07-26 09:04
344 查看
<html> <head> <script src="http://code.jquery.com/jquery-1.11.1.min.js"></script> </head> <body> <div id="divckb"> <input type="checkbox" name="ckb1" value="1" />张三 <input type="checkbox" name="ckb2" value="2" />李四 <input type="checkbox" name="ckb3" value="3"/>王五 <input type="checkbox" name="ckb4" value="4" />赵六 </div> <script> $(function(){ $("#divckb input").each(function(){ $(this).change(function(){ var test= $(this).attr("checked"); if($(this).attr("checked")){ //此处写你的处理 //$("#divckb input").each(function(){ // //alert($(this).val()); // // if(test== $(this).attr("checked")){ // $(this).attr("checked",false); // //alert($(this).val()+"-1"); // }else{ // $(this).attr("checked",false); // //alert($(this).val()+"-2"); // } //}); } else{ $(this).attr("checked",true); $(this).siblings().each(function(){ $(this).attr("checked",false); }); //此处写你的处理 } }); }); }); </script> </body> </html>
本文出自 “KangSafe” 博客,请务必保留此出处http://kangsafe.blog.51cto.com/5686165/1530339
相关文章推荐
- Jquery实现复选框只能单选
- 用swt table实现复选框只能为单选,且只有双击事件和check事件
- jQuery实现复选框全选和反选,单选和多选
- jquery实现复选框单选功能
- jquery实现复选框多选、单选、全不选功能,很实用
- jquery中如实现判断复选框是否选中,获取选中单选按钮的值,获取选中复选框的值
- JQuery复选框实现全选、单选
- jQuery实现复选框单选
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(二)
- [转]利用jQuery选中下拉框,复选框,单选按钮
- Jquery练手 DEMO 全选 取消 反选 复选框 的实现
- 关于最多只能选择两个多选框的jQuery功能实现
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(一)
- jquery 操作单选框,复选框,下拉列表实现代码
- jquery实现文本框只能输入数字
- 如何让checkbox复选框只能单选
- 如何让checkbox复选框只能单选
- 一步一步地实现菜单栏(JMenuBar)工具栏(JPopupMenu)组合框(JComboBox)复选框(JCheckBox)单选按钮(JRadioButton)文本域的综合应用(三)
- [原创]有相同父节点的一组子节点中只能选择一个,实现树中节点的单选功能!
- jquery边学边练1--用ul li实现单选框和复选框功能