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

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/zhang_kang_user/article/details/77479126

动态加载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");
        }
    }

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

猜你喜欢

转载自blog.csdn.net/zhang_kang_user/article/details/77479126