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");
    }
}

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

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 开机出现DISK BOOT FAILURE解决

    开机出现DISK BOOT FAILURE解决开机出现DISKBOOTFAILURE,INSERTSYSTEMDISKANDPRESSENTER情况。下面简单说下该如何解决。DISKBOOTFAILURE,INSERTSYSTEMDISKANDPRESSENTER的字面意思翻译为:磁盘启动失败,插入系统磁盘,再按回车键。一般来说就是系统磁盘引导失败,或者硬盘数据线接口松掉了。最快解决方案:开机直接按F8进入安…

  • python报错no module named_pycharm报错no module named

    python报错no module named_pycharm报错no module namedpycharm在运行时出现“ModuleNotFoundError:Nomodulenamed‘pygame’”错误的解决方法例如:(出现这样子的错误,再出错的地方点击installpygame后,代码还是会出现上面的错误,这时候,我手动安装之后代码就能正常运行了。)手动安装pygame:通过文件—设置—项目解释器(File-setting-Projectinterpreter),点击“+”,搜索pygame,点击左下角的安装即可。如下图所示:右侧下方点击“+”:在搜索框

  • 大疆网上测评题库_【大疆待定面试】发了在线测评,感觉题目挺新的。-看准网…

    大疆网上测评题库_【大疆待定面试】发了在线测评,感觉题目挺新的。-看准网…写面经,攒人品。大疆服务运营培训生。1.大疆网上笔试题(比较独创,很有趣,也有歇跟大疆相关的题,要比较熟悉大疆),笔试过后,有岗位笔试作业。2.大疆服务运营培训生笔试作业题目。三道大题,开放性题目,专业和岗位相关,涉及报告类题目。规定期限内提交,审核,通过后进入面试环节。3.一面,微信视频面试。提前约定时间,到点准时打来,直奔主题。自我介绍,针对个人经历开始提问,最后会用英文简单问答一下看英语能力…

  • MySQL5.7.31编译安装时常见错误分析「建议收藏」

    MySQL5.7.31编译安装时常见错误分析

  • vue上传文件流

    vue上传文件流创建formData方法,把文件流以及所有需要上传的数据通过formData.append传入formData中,上传请求中的data中只需要放一个formData就可以了。(此处request为封装的请求方法,省事可以不封装)

    2022年10月16日
  • 一步一步写算法(之hash表)

    一步一步写算法(之hash表)

发表回复

您的电子邮箱地址不会被公开。

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