php - Jquery:选中或取消选中复选框时无法显示加载相应页面

Question

我有一个复选框。我想根据复选框 checked 和 uncheck 状态调用两个不同的 php 页面。

但是下面的代码只调用了检查过的 php 页面。可能是什么原因？

     <script type="text/javascript">
     $(function()
     {
     $('input[id^="test"]').on('click',function()
       {
         if ($('input[id^="test"]').checked)//when users click to on checkbox to check
         {

           $.ajax({
               url: "updatestatus.php?id="+$(this).val()+"&status=1",
               success: function(data){ 
                alert('Successfully updated...');
               }
             });
     } 
     else//when users uncheck the checkbox
       {    $.ajax({
               url: "updatestatus.php?id="+$(this).val()+"&status=2",
               success: function(data){
                 alert("uncheckde...");
               }
             });
        } 
        });
    });
         </script>

在页面中

<?php //checkbox in a while loop

            echo " <input type='checkbox' id='test' value='".$row['id']."'/> ";
         ?>

Answer 1

根据要求:

尝试使用 $('input[id^="test"]').is(':checked') 作为条件。您还可以使用 $(this) 来引用触发事件的特定复选框。所以，这里是你的代码清理了一下:

<script>
    $(function() {
        $('input[id^="test"]').on('click',function(e) {
            if ($(this).is(':checked') {
                $.ajax({
                    url: "updatestatus.php?id="+$(this).val()+"&status=1",
                    success: function(data){ 
                        alert('Successfully updated...');
                    }
                });
            } 
            else {    
                $.ajax({
                    url: "updatestatus.php?id="+$(this).val()+"&status=2",
                    success: function(data){
                        alert("uncheckde...");
                    }
                });
            } 
        });
    });
</script>

我要做的另一项更改是为您的复选框分配一个类，并以该类为目标，而不是使用“开头为”选择器(因为并非每个浏览器都支持它)。