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断点并检查那里的所有内容。。你在回复中遗漏了一些东西