checkbox复选框,让其勾选时触发一个事件，取消勾选时不触发

本文转载自查看原文 2019-05-27 19:30 5848 jQuery

jQuery对CheckBox复选框操作

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script src="js/jquery-2.1.0.js" type="text/javascript"></script>
<script type="text/javascript">
function chk() {
    //当选中input为4时，其他选项清除选中并锁定，取消4选定，锁定解除 
    if ($("#fr").prop("checked")==true) {
        $("input[type='checkbox']").prop("checked",false);
        $("input[type='checkbox']").prop("disabled",true);
        $("#fr").prop("checked",true);
        $("#fr").prop("disabled",false);
    }else{
        $("input[type='checkbox']").prop("disabled",false);
    }
}
</script>
</head>
<body>
<input type="checkbox" name="text" value="00"/>0
<input type="checkbox" name="text" value="01"/>1
<input type="checkbox" name="text" value="02"/>2
<input type="checkbox" name="text" value="03"/>3
<input type="checkbox" name="text" value="04" id="fr" onclick="chk()"/>4
</body>
</html>

免责声明！

本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。

猜您在找 checkbox复选框，如何让其勾选时触发一个事件，取消勾选时不触发如何根据checkbox的值进行勾选！例：我要勾选value等于scanbuy,terminal的复选框！ java freemarker导出word时添加或勾选复选框 sencha gridpanel checkbox 复选框的勾选以及和单机行冲突通过点击表格当前行进行复选框的勾选和取消的方法 toggleSelect bootstrapTable 复选框选多页勾选 jquery如何让checkbox如何取消勾选 vue复选框勾选的内容，点击分页之后勾选的状态仍然保存。 checkbox设置复选框的只读效果不让用户勾选 jQuery判断复选框是否勾选