从php中获取值动态创建带有jquery的复选框

时间:2015-05-06 17:07:46

标签: javascript php jquery html checkbox

这不是建议重复的问题的重复,因为此问题与事件绑定无关

嗨,我试图获取复选框的值以将ajax请求发送到php页面,复选框是使用php动态创建的。到目前为止,我的代码允许我向用户显示一条指令,告诉用户从动态创建的列表中选择要删除的管理员。然后,当选中复选框时,将显示instrcution隐藏,并显示删除管理按钮。接下来单击删除按钮我试图确认用户想要删除所选的管理员,然后单击确认或取消。我真正的问题是将所选复选复选框的值传递给php处理页面,到目前为止,无论选中哪个复选框,我都设法获取第一个复选框的值

Jquery的

<script type="text/javascript">

$(document).ready(function() {

    var checkboxes = $("input[type='checkbox']");

checkboxes.click(function() {
    $('.delete_admin_but').show();
    $('#adminDeleteNotice').hide();
    var deleteAdminName=$(this).attr('id');
});

    $(".delete_admin_but").click(function() {



//  if(confirm("Are you sure you want to delete the Admin")) {

    $("#deleteAdminError").html('<img src="image/ajax-loader.gif" width="16" height="16" alt=""/>');




$.post("includes/delete_admin.inc.php",{deleteAdminname:deleteAdminName},function(json)   {
    if(json.result === "success") {
        $("#deleteAdminError").html(json.message);
//  $('.add_intern').get(0).reset();
    }else{
        $("#deleteAdminError").html(json.message);
    }
});



});//submit click
});//doc ready
</script>

html表单

<div id="deleteAdmin" style="display:none">

<form id="adminDelete">

          <div class="delete_admin_list">

            <?php while($row = mysqli_fetch_array($result1)) { ?>

              <input type="checkbox" id="<?php echo $row['name']; ?>" value="<?php echo $row['id']; ?>" name="delete[]" class="checkboxAdmin" />

              <div id="admin_db_detail"><?php echo $row['name']; ?> - <?php echo $row['email']; ?></div>

              <?php } ?>

      </div>        


<div id="adminDeleteNotice" style="display:block">Please Choose an Admin to Delete</div>

<input name="delete_admin_but" id="delete_admin_but" type="button" class="delete_admin_but" value="Delete Admin" style="display:none"/>

</form>

<div id="deleteAdminError"></div>

</div>

如果有人能帮我解决这个问题,我会很高兴

1 个答案:

答案 0 :(得分:0)

我现在已经想到了这一点,所以张贴以显示如何并指出这与建议的重复问题无关。也许那些提出这些重复的人应该首先正确地阅读这个问题,然后他们建议重复的问题才真正看出是否有任何相关性,但是如果我错了,我会非常乐意撤回这个评论应该有人告诉我建议的问题与我发布的问题的相关性,并提供解决方案。

我的解决方案

jquery更改为以下

<script type="text/javascript">

$(document).ready(function() {

    var checkboxes = $("input[type='checkbox']");

checkboxes.click(function() {
    $('.delete_admin_but').show();
    $('#adminDeleteNotice').hide();

});

    $(".delete_admin_but").click(function() {

$.post("includes/delete_admin.inc.php",{ checked_box : $('input:checkbox:checked').val()},function(json)   {
    if(json.result === "success") {
        $("#deleteAdminError").html(json.message);
//  $('.add_intern').get(0).reset();
    }else{
        $("#deleteAdminError").html(json.message);
    }
});
        });//submit click
});//doc ready
</script>

我从原始脚本所做的更改是使用$ .post行

原始代码

$.post("includes/delete_admin.inc.php",{deleteAdminname:deleteAdminName},function(json)   {

从我们选中的复选框中获取复选框值的新代码

$.post("includes/delete_admin.inc.php",{ checked_box : $('input:checkbox:checked').val()},function(json)   {