input标签checkbox选中触发事件的方法

input标签checkbox选中触发事件的方法目的:1.打开页面时,根据后端返回的的值isRequired,设置页面的checkbox标签的勾选状态,并给隐藏的text标签的value赋值,以便于在提交页面时把isRequired再返回给后端2.切换checkbox标签的勾选状态时,修改隐藏的text标签的value的值,勾选是1,取消勾选是0html代码:<divclass=”col-sm-8″><inputtype=”checkbox”class=”minimalpull-leftGrandpaisR.

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全家桶1年46,售后保障稳定

目的:
1. 打开页面时,根据后端返回的的值isRequired,设置页面的checkbox标签的勾选状态,并给隐藏的text标签的value赋值,以便于在提交页面时把isRequired再返回给后端
2. 切换checkbox标签的勾选状态时,修改隐藏的text标签的value的值,勾选是1,取消勾选是0

html代码:
<div class="col-sm-8"> <input type="checkbox" class="minimal pull-left Grandpa isRequiredCheck"
  οnclick="checkboxOnclick(this)"> <input type="text" name="isRequired" id="isRequiredText" style ="display: none;"
  value="" > 
</div>

js代码
//打开页面时根据后端提供的数据设置页面的初始化显示
$().ready(function() {
      initCheckBox(metacolumn.isRequired); //metacolumn:实体类对象  isRequired:变量
});

function initCheckBox(isRequired){ 
    if(1 == isRequired){
        $(".isRequiredCheck").prop('checked', 1);
        $("#isRequiredText").val("1");
    }
    else{
        $(".isRequiredCheck").prop('checked', 0);
        $("#isRequiredText").val("0");
    }
}

Jetbrains全家桶1年46,售后保障稳定

//切换checkbox标签勾选状态时的相应方法
function checkboxOnclick(checkbox) {
    if (checkbox.checked == true) {
        $("#isRequiredText").val("1");
    } else {
        $("#isRequiredText").val("0");
    }
}

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/203704.html原文链接:https://javaforall.net

(0)
上一篇 2025年8月10日 下午3:01
下一篇 2025年8月10日 下午3:43


相关推荐

  • INTELLIJ IDEA15.0.2激活码-激活码分享

    (INTELLIJ IDEA15.0.2激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。https://javaforall.net/100143.htmlIntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,上面是详细链接哦~S…

    2022年3月25日
    126
  • java之多线程

    java之多线程简介:线程(thread)就是进程中的一个执行线索。Java虚拟机允许进程中同时执行多个线程。每个线程都有一个优先级。具有较高优先级的线程先执行。线程是操作系统分配CPU时间的基本实体。每一个

    2022年7月1日
    21
  • maven 本地仓库配置_Maven配置

    maven 本地仓库配置_Maven配置Maven本地仓库安装及配置1.进入maven官网下载2.配置环境变量3.测试是否配置成功windows+r打开dos命令出现这样的内容就是配置成功4.配置本地仓库右键记事本打开,或者编辑工具打开我这里用的是Notepad++打开的复制刚才创建的本地仓库路径切记把复制的路径、\改成/配置阿里镜像<mirror><id>alimaven</id> <name>aliyummave

    2025年11月24日
    4
  • 黑盒测试是用什么软件,黑盒测试的主要方法和常用的工具有什么?

    黑盒测试是用什么软件,黑盒测试的主要方法和常用的工具有什么?黑盒测试是测试人员比较常用的一种测试方法 它主要是通过测试来检测每个功能是否都能正常使用的 黑盒测试的方法是有许多的 但有一些方法是比较主要的 比如边界值测试 等价类划分 决策表以及场景法等等 除了方法外 黑盒测试工具也是有许多的 那么黑盒测试的使用工具有哪些 接下来我们就来了解一下黑盒测试的方法和常用的工具 黑盒测试的主要方法有什么 1 边界值测试经实践总结 大量的软件缺陷发生在输入域和输出域的

    2026年3月26日
    2
  • PLSQLDeveloper安装与配置

    PLSQLDeveloper安装与配置1,首先要有oracle数据库或者有oracle服务器,才可以实现使用PLSQLDeveloper工具连接到oracle数据库进行开发.2,下载PLSQLDeveloper并解压3,配置环境变量1)变量名:ORACLE_HOME变量值:E:\tool_01\PLSQLDeveloper\instantclient_11_22)变量名:TNS_ADMIN变量值:E:\tool_01…

    2022年6月7日
    41
  • html遮罩层动画制作,flash简单制作遮罩动画效果[通俗易懂]

    html遮罩层动画制作,flash简单制作遮罩动画效果[通俗易懂]flash简单制作遮罩动画效果QQ空间的开机动画大家应该都有,从最初的出现的一点到后面全部出现,如此神奇的效果到底是怎么做的呢,一起来看看吧!遮罩特效:由于百度只能上传500k以内的照片,所以效果图片质量不是很好,当然,我们一般做的特效是.swf,这里是为了方便大家观看,所以做成了gif.步骤:1、打开flash面板,创建新项目。2、点击文件——导入——导入一张图片。3、窗口——库,这里我们可以…

    2022年5月1日
    94

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号