JQuery 多个checkbox 只选中一个
2024-10-01 19:43:31
-
<form id="common-form">
-
<input name="check1" type="checkbox"/>check1
-
<input name="check2" type="checkbox"/>check2
-
<input name="check3" type="checkbox"/>check3
-
</form>
-
$(function() {
-
$('#common-form').find('input[type=checkbox]').bind('click', function(){
-
var id = $(this).attr("id");
-
-
//当前的checkbox是否选中
-
if(this.checked){
-
//除当前的checkbox其他的都不选中
-
$("#common-form").find('input[type=checkbox]').not(this).attr("checked", false);
-
-
//选中的checkbox数量
-
var selectleng = $("input[type='checkbox']:checked").length;
-
console.log("选中的checkbox数量"+selectleng);
-
}else{
-
//未选中的处理
-
console.log("未选中的处理");
-
}
-
});
-
})
如果已经有click事件相关方法,并且原有的逻辑不好修改,那么更加简单的方式是:
当创建表单时,如果您想让用户从列表中选择若干个选项时,input标签的type属性请使用 checkbox。如果您限制用户只能选择一个选项,请使用 radio。
最新文章
- [No0000A0]批处理命令学习之:常用的特殊符号
- Xcode 调试技巧
- android studio 和idea 导入library工程
- js将金额专成每隔3位数加逗号
- svn三大目录trunk、branch和tag
- 示例-创建表格&;使用表格对象
- [原创]java WEB学习笔记68:Struts2 学习之路-- 类型转换与复杂属性配合使用
- centOS 6.4下安装中文输入法
- IOS Crash捕获
- 我的MYSQL学习心得(十三)
- android两种方式获取AsyncTask返回值
- MYSQL的binlog日志
- [leetcode]27. Remove Element删除元素
- 快速排序 java详解
- 11.2.0.4单实例DRCP(Database Resident Connection Pooling)简单测试
- yum和编译两种方式升级or降级Centos内核
- 使用jquery提交FormData数据
- 解题:BZOJ 2818 GCD
- springboot整合mybatis(映射文件方式和注解方式)
- (转)intellij idea svn 修改文件后,父文件夹也标注修改
热门文章
- 4. Vue-Resource / axios 异步插件
- 无法解决 React 启动的报错
- 14、序列化操作,类的保存和dict转JSON
- Java Web学习总结(7)——HttpServletRequest对象
- window.location无法跳转页面的问题
- java中Arrays类的应用
- [Nuxt] Add Arrays of Data to the Vuex Store and Display Them in Vue.js Templates
- 如何使用google地图的api(整理)
- 同一master,两个slave的server_id相同问题处理
- vue学习笔记一:用Key管理可复用元素