Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/419.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 复选框/取消复选框不适用于道具功能_Javascript_Jquery_Html - Fatal编程技术网

Javascript 复选框/取消复选框不适用于道具功能

Javascript 复选框/取消复选框不适用于道具功能,javascript,jquery,html,Javascript,Jquery,Html,我使用了.prop,.attr,.removeAttr,似乎没有任何效果 $.ajax({ type:"post", url:"{{base_url()}}admin/configurations/GetFormData/"+FormID, dataType:"json", success:function(response){

我使用了
.prop
.attr
.removeAttr
,似乎没有任何效果

$.ajax({
                    type:"post",
                    url:"{{base_url()}}admin/configurations/GetFormData/"+FormID,
                    dataType:"json",
                    success:function(response){
                        console.log(response);
                        if(!($.isEmptyObject(response))){
                            $.each(response,function(key,value){
                                $("#formName").val(value.FormName);
                                $("#formPath").val(value.FormPath);
                                $("#formCIPath").val(value.FormCIPath);
                                if(value.IsMenuLink !=='0'){
                                    $("#isMenuLink").prop( "checked", true );
                                }
                                else{
                                    $("#isMenuLink").prop( "checked", false);
                                }
                                console.log(value.IsMenuLink);
                                //alert(value.ExtimatedIncome);
                            });
                        }
                    }
                }); //---  End of $.ajax  ---//
Json返回IsMenuLink到
“1”
“0”

因此,当它的
“1”
我希望它被检查,而在
“0”
上它应该被检查

但问题是,无论我使用prop还是attr,它都不会影响复选框

顺便说一句,我正在使用开关复选框

这是HTML

<input class="make-switch" id="isMenuLink" type="checkbox" data-on-color="success" data-on-text="Yes" data-off-text="NO" data-off-color="danger">

好的,我终于想出了解决办法,我不知道这是不是对我最好的办法。但至少它起作用了。如果有人有更好的jquery位置,请回答,使jquery更简短

无论如何,问题不在于if/else语句,也不在于.prop

但我使用的是引导开关复选框,当页面加载时,它会添加类并执行一些操作

然而,事实证明,我必须将类从off更改为on以更改复选框值

                        if(value.IsMenuLink !=='0'){
                            $("#isMenuLink").parent().parent().removeClass('bootstrap-switch-off');
                            $("#isMenuLink").parent().parent().addClass('bootstrap-switch-on');
                        }
                        else{
                            $("#isMenuLink").parent().parent().removeClass('bootstrap-switch-on');
                            $("#isMenuLink").parent().parent().addClass('bootstrap-switch-off');
                        }

如果有人能推荐比这个更短的更好的jquery来交换类,请告诉。

这是什么
(!($.ismptyobject(response))
返回?我的意思是你检查了每个函数中是否有enters吗?检查javascript控制台,可能有ajax错误。您使用的jQuery版本是什么?您是否确认您使用的是
if
/
else
语句的右分支?@Alek it检查json返回是否为空,然后将值分配给文本框。所有文本框都填充得很好。@SizzlingCode很好,然后使用javascript断点并检查那里的所有内容。。你在回复中遗漏了一些东西