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


相关推荐

  • vmm安装hassos_安装freenas无法启动

    vmm安装hassos_安装freenas无法启动提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档使用群辉VMM安装freenas前言用vm玩一段时间黑群NAS,就像尝试一下用VMM,觉得想折腾一下freenas。感觉有啥区别。下面是我安装的教程以及遇到的一些问题。保姆级教程。一、需要准备文件1,freenasFreeNAS-11.2-U7.iso2、打开群辉VMM3.添加镜像文件。其他系统的也可以添加进来,选择ISO下载的镜像文件。![在这里插入图片描述](https://img-blog.csdnimg.cn/28.

    2025年11月24日
    2
  • Android开发常见错误及技巧

    1、无法使用网络:Permissiondenied(maybemissinginternetpermission)在AndroidMainifest.xml中增加允许使用网络选项(在<

    2021年12月24日
    42
  • LR模型详解_GARCH模型

    LR模型详解_GARCH模型1、逻辑回归逻辑回归假设数据服从伯努利分布,通过极大化似然函数方法,运用梯度下降来求解参数,来达到将数据二分目的。2、算法推导对数几率函数:是一种Sigmoid函数,通过此函数来输出类别概率。对数几率函数为:,其中y代表的是样本视为正样本的可能性,则1-y为视为负样本的可能性。对数几率:定义为,其中y/(1-y)称为比率。决策边界:作用在n维空间,将不同样本分开的平面或曲面,在逻辑回归中,决策边界对应$wx+b=0。3、逻辑参数估计3.1、使用极大似…

    2022年10月13日
    4
  • 稀疏矩阵转置多种算法详解

    稀疏矩阵转置多种算法详解这次博文写的有点长,因为我得构思,所以今天晚上(11.10)写一点,另外还有个重要的任务,因为再过40分钟就是剁手节了,过了今晚我不止是一个光棍,更是一个穷光棍、、、、我该怎么办。。。求拦截。不扯了正题,今天就先写写矩阵转置吧,现实中转置么,不就区区一个转置么,那有什么,瞅一眼就转过来了。计算机就是计算机,他没有相发也没有眼睛,那么我们就来告诉他怎么思考,怎么走路吧。方法一:一般转置(简单)转置矩阵

    2022年6月22日
    36
  • idea 激活码破解(最新序列号破解)

    idea 激活码破解(最新序列号破解),https://javaforall.net/100143.html。详细ieda激活码不妨到全栈程序员必看教程网一起来了解一下吧!

    2022年3月17日
    614
  • 跨数据库同步方案汇总怎么做_国内外数据库同步方案

    跨数据库同步方案汇总怎么做_国内外数据库同步方案Datax一般比较适合于全量数据同步,对全量数据同步效率很高(任务可以拆分,并发同步,所以效率高),对于增量数据同步支持的不太好(可以依靠时间戳+定时调度来实现,但是不能做到实时,延迟较大)。Canal、databus等由于是通过日志抓取的方式进行同步,所以对增量同步支持的比较好。OGG太贵一、早期关系型数据库之间的数据同步二、大数据时代下的数据同步三、总结一、早期关系型数据库之间的数据同步1)、全量同步比如从oracle数据库中同步一张表的数据到My

    2022年10月10日
    2

发表回复

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

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