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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • GitHub 版本控制 项目托管 03 建立本地与远程的SSH连接

    GitHub 版本控制 项目托管 03 建立本地与远程的SSH连接

    2022年3月7日
    227
  • docker命令入门教程[通俗易懂]

    docker命令入门教程[通俗易懂]docker入门教程(三)

    2022年5月13日
    43
  • 【Unity3D插件】Unity3D各类教程汇总「建议收藏」

    推荐阅读CSDN主页GitHub开源地址Unity3D插件分享简书地址我的个人博客QQ群:1040082875一、工具篇工欲善其事,必先利其器学习Unity3D不从工具篇说起怎么能行?学习Unity3D最重要的两个工具:Unity3D和VisualStudio(VisualStudioCode也行)1-1、Unity3D安装Unity安装个人免费版步骤详解(通过UnityHub安装unity,是比较流行的安装方式)https://blog.csdn.net/fi.

    2022年4月14日
    53
  • redis过期策略六种(java的内存回收机制)

    Redis缓存作为提高系统性能最好的方式相信大家对其一定不陌生,各位作为秃头老码农不仅需要掌握Redis的基础用法还得了解Redis的相关原理,比如Redis过期策略和内存淘汰机制。大家都知道,Redis缓存使用的是内存资源,虽然缓存服务器会配置比较高的内存资源,但如果对于Redis中的缓存数据我们不管不顾,内存资源总有耗尽的时候,这时缓存服务器就无法再对外提供服务了。我们要用有限的服务器资源支撑…

    2022年4月17日
    59
  • 学习 Web 开发技术的16个最佳教程网站和博客

    学习 Web 开发技术的16个最佳教程网站和博客互联网经过这么多年的发展,已经出现了众多的Web开发技术,像.Net/Java/PHP/Python/Ruby等等。对于Web开发人员来说,不管是初学者还是有一定经验的开发人员都需要时刻学

    2022年8月6日
    3
  • painless 简介

    painless是一种为安全和性能而设计的脚本语言。语法与Java语法类似,可用于所有可以使用script的场景下。painless提供:快速性能:脚本的运行速度比其他脚本快几倍。安全性:具有方法调用/字段粒度的细粒度白名单。可选类型:变量和参数可以使用显式类型或动态定义类型。语法:扩展Java的语法以提供Groovy风格的脚本语言特性,使脚本更易于编写。优化:专门为ElasticS…

    2022年4月6日
    70

发表回复

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

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