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


相关推荐

  • glpushmatrix函数(java调用)

    2019独角兽企业重金招聘Python工程师标准>>>…

    2022年4月10日
    44
  • 局域网、广域网、互联网「建议收藏」

    局域网、广域网、互联网「建议收藏」局域网局域网的缩写是LAN,localareanetwork,顾名思义,是个本地的网络,只能实现小范围短距离的网络通信。(如下图)我们的家庭网络是典型的局域网。电脑、手机、电视、智能音箱、智能插座都连在无线路由器上,可以互相通信。我们的熟悉的教室网络,也是典型的局域网局域网的通信设备主要是交换机。交换机可以把多个本地的终端连接在一起,帮他们进行数据转发。局域网部署的时候,自己买几台交换机就可以,不需要运营商(电信联通等)提供服务。因特网因特网本质上就是把世界各地的

    2022年10月18日
    0
  • 查看服务器外网ip

    查看服务器外网ip如果是桌面系统,想知道自己电脑的外网IP比较容易,用浏览器访问www.ip138.com,就可以了。而服务器放在机房,没有浏览器这号东西,就比较麻烦了。用traceroute又看不出来。偶然间,找到了一个方法可以查看服务器的外网IP。[javascript] viewplaincopy[zhou@localhost ~]$ wget htt

    2022年6月2日
    26
  • axios配置请求头content-type「建议收藏」

    axios配置请求头content-type「建议收藏」axios是Ajax的一个插件,axios虽然是一个插件,但是我们不需要通过Vue.use(axios)来使用,下载完成后,只需在项目中引入即可。(一般我们放在了请求接口的公共文件中引用)npminstallaxios-Saxios发送post请求时默认是直接把json放到请求体中提交到后端的,axios默认的请求头content-type类型是’application/json;charset=utf-8’.content-type的三种常见数据格式://1默认.

    2022年8月24日
    6
  • 微信公众号推广_小程序通知栏消息推送

    微信公众号推广_小程序通知栏消息推送微信公众号天气推送,定时自动推送,在一起时间,每日一句,快给你女朋友写一个把~~

    2022年10月23日
    0
  • 建立任务,OSTaskCreate()源码解析

    建立任务,OSTaskCreate()源码解析想让uC/OS-Ⅱ管理用户的任务,用户必须要先建立任务。用户可以通过传递任务地址和其它参数到以下两个函数之一来建立任务:OSTaskCreate()或OSTaskCreateExt()。OSTas

    2022年7月3日
    22

发表回复

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

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