页面上动态加载内容(checkbox框),选中取消事件

本文介绍了一种使用JavaScript动态生成并加载复选框的方法,并实现了选中与取消选中的事件处理逻辑。通过解析JSON数据,自动生成带有特定值和标签的复选框,同时根据用户操作触发相应的事件。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

动态加载checkbox之后,选中,取消事件,

    //动态加载的checkbox内容
    var dataObj = $.parseJSON(datas).CGYY;//datas为查找出来要显示的checkbox内容
    var htmld='';
    for(var i=0;i<dataObj.length;i++){
        htmld += '<input type="checkbox" name="CGYY" value='+dataObj[i].JLBH+'  onchange="javascript:toEditRe(this)"  /><span>'+dataObj[i].YY+'</span><br>';
    }
    document.getElementById("hdivid").innerHTML=htmld;//hdivid为显示地方的div的id
//要显示checkbox内容的div
<div  class="Select_Round" id="hdivid" style="height: auto; width: auto;"></div>
//当点击选中之后,就等于为onchange,调用其方法
function toEditRe(obj){

        if($(obj).prop("checked")){//选中操作
            if($(obj).val()==99){
                $("#JXFBZId").removeAttr("disabled");
            }
        }else{//取消选中操作
            $("#JXFBZId").attr("disabled","disabled");
        }
    }

本文为博主原创文章,转载请附上原文链接!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值