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

秒速五厘米 2021-12-09 01:23 1003阅读 0赞

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" οnclick="chk()"/>4
    </body>
    </html>

转载于:https://www.cnblogs.com/jiangaihu/p/10932600.html

发表评论取消回复

表情：

评论列表（有 0 条评论，1003人围观）

还没有评论，来说两句吧...

相关阅读

相关 elementui之table多选的checkbox--记住勾选状态&&默认勾选且不可取消

首先是表格记住勾选状态之前用的公司的组件，然后手动写方法用`this.$set`进行状态的勾选但比较麻烦，开了很多数组与对象 watch: {

水深无声/ 2022年12月11日 09:09/ 0 赞/ 766 阅读

相关 vue实现复选框默认勾选功能案例

一、概述 1. 最近在学习vue相关知识。通过菜鸟教程中单选框、复选框渲染的代码测试之后，自己也写了一下代码来实现复选框如何默认勾选的功能；二、案例介绍 1. 实现

以你之姓@/ 2022年11月26日 07:58/ 0 赞/ 536 阅读

相关 CheckBox复选框

<?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schem

男娘i/ 2022年09月26日 03:15/ 0 赞/ 241 阅读

相关 JQuery中checkbox勾选/取消勾选的诡异问题（attr和prop）

\1.使用attr()实现勾选的问题 //HTML伪代码 <form> 你爱好的运动是？<input type="checkbox" id="Che

约定不等于承诺〃/ 2022年06月14日 02:10/ 0 赞/ 222 阅读

相关 jQuery 控制勾选和去勾选

input ratio勾选控制 $("id").prop("checked",true); //勾选 $("id").prop("chec

桃扇骨/ 2022年05月18日 08:13/ 0 赞/ 206 阅读

相关代码总结：页面加载时给复选框默认勾选值，如何获取用户对多组checkbox的勾选情况

需求：项目过程中，角色对模块的增删改查权限是以checkbox勾选的形式展现的，因此在新建角色时，要获取整组checkbox的勾选集合情况：第一次做权限，由于功能

落日映苍穹つ/ 2022年05月13日 07:34/ 0 赞/ 106 阅读

相关 checkbox全选,反选,获取全选值,获取checkbox勾选长度

这个checkbox全选反选这些场景还是挺常见的，So,在此记录一下，方便大家方便自己。废话不多说，直接看代码。。 1.全选和反选,参数为name和id //j

朴灿烈づ我的快乐病毒、/ 2022年04月23日 12:58/ 0 赞/ 229 阅读

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

jQuery对CheckBox复选框操作 <%@ page language="java" contentType="text/html; charset=UTF-8

秒速五厘米/ 2021年12月09日 01:23/ 0 赞/ 1004 阅读

相关 javascript 复选框（checkbox）全选/全不选/反选

其实很简单，先分析一下效果分析：　　1，点击全选/全不选　　　全选文字变成全不选，同时全选按钮和所有按钮选中状态，否则，则相反　　2，点击反选按钮

た入场券/ 2021年11月19日 14:24/ 0 赞/ 515 阅读

相关 checkbox复选框，如何让其勾选时触发一个事件，取消勾选时不触发

<input type="checkbox" οnclick="checkboxOnclick(this)" /> <script>

深碍√TFBOYSˉ_/ 2021年09月26日 16:42/ 0 赞/ 384 阅读