1. 程式人生 > >頁面上動態載入內容(checkbox框),選中取消事件

頁面上動態載入內容(checkbox框),選中取消事件

動態載入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"); } }

本文為博主原創文章,轉載請附上原文連結!