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判斷復選框是否勾選