如何取消选择多选小部件中的单个选中复选框？答案

【问题标题】：How to deselect single checked checkbox in multiselect widget?如何取消选择多选小部件中的单个选中复选框？
【发布时间】：2014-03-11 15:21:49
【问题描述】：

我想自动取消选中多选小部件中的选中复选框。我正在对多选小部件的复选框执行单击事件。单击复选框后，我将通过 ajax 向 php 页面发送请求以检查某些结果。如果我成功获得结果，那么我只是向用户发出警报。然后在发出警报后，我想自动取消选中该复选框。我正在提供我的代码。这是我的 jquery 代码：

$("#multiselectunittype").multiselect("widget").on('click',':checkbox',function(e)
            {

                $.ajax({
                    url: "checkforentry2.php",
                    type: "POST",
                    data: 
                    {
                        chargetype : $('#ddlchargetype').val() 

                    },
                    success: function(data, textStatus, jqXHR)
                    {
                         if(data == "No")
                         {

                         } 

                         else
                         {
                            alert(data);
                            $(this).prop('checked',false);


                         }

                    }

                    });

            });

那么请告诉我该怎么做？

【问题讨论】：

标签： php jquery ajax checkbox

【解决方案1】：

默认情况下，上下文是一个对象，表示调用中使用的 ajax 设置（$.ajaxSettings 与传递给 $.ajax 的设置合并）。

所以这里$(this)代表ajax设置

你可以添加一个 hack

$("#multiselectunittype").multiselect("widget").on('click',':checkbox',function(e){
  var $element=$(this);    
  $.ajax({
           url: "checkforentry2.php",
           type: "POST",
           data:{
                  chargetype : $('#ddlchargetype').val() 
                },
           success: function(data, textStatus, jqXHR){
                      if(data == "No"){

                       }else{
                         alert(data);
                         $($element).prop('checked',false);
           }
         }

        });
    });

或者您可以在 ajax 设置中使用context 选项：

context: this,
success:fuction(){
  $(this).prop('checked',false);
}

【讨论】：