选中/取消选中复选框取决于来自数据库的数据

时间:2015-05-26 21:05:50

标签: javascript jquery html5 checkbox setattribute

我试图检查或取消选中一个复选框,具体取决于mysql数据库中的数据。我使用nusoap webservice / webclient来读取数据,数据值可以是1或0。

我的代码是:

<input name="check1" type="checkbox" id="check1" class="sag">
<script>
    function control() {

        $.ajax({
            type: "POST",
            url: "check.php",
            data: {
                checkdata: 1
            },
            success: function(asd) {
                if (asd == '1') {
                    document.getElementById('check1').setAttribute("checked", true);


                    alert('data is 1');

                } else {
                    document.getElementById('check1').removeAttribute("checked");

                    alert('data is 0');
                }
            }
        });

    }
</script>

<body onload="control()">

使用此代码,我可以正确地从数据库获取数据,并且alert()正常工作。但是这些代码不会向checked复选框添加checked属性。如何在页面加载时根据来自数据库的数据更改复选框的检查状态?

1 个答案:

答案 0 :(得分:1)

由于您已经在使用jQuery,为什么不使用jQuery方法来设置所需的值。

function control(){
      $.ajax({
          type: "POST",
          url: "check.php",
          data: {checkdata: 1},
          success: function(asd){
             $('#check1').prop("checked", asd == '1');
          }
      });

  }