Php JQuery自动完成返回选中的复选框
调用jquery函数后,如何从Mysql数据库中的布尔值中选择复选框?下面是我们所拥有的,但我不确定如何选中该复选框以及将其放在jquery中的什么位置。(FreeShip&BizlicSent)是需要进入复选框的布尔值。任何帮助都将不胜感激Php JQuery自动完成返回选中的复选框,php,jquery,mysql,autocomplete,Php,Jquery,Mysql,Autocomplete,调用jquery函数后,如何从Mysql数据库中的布尔值中选择复选框?下面是我们所拥有的,但我不确定如何选中该复选框以及将其放在jquery中的什么位置。(FreeShip&BizlicSent)是需要进入复选框的布尔值。任何帮助都将不胜感激 $(function() { $('#Customer_ID').val(""); $('#Name').val(""); $('#BillingEmail').val(""); $('#FreeShip').val(""); $('#Bizli
$(function() {
$('#Customer_ID').val("");
$('#Name').val("");
$('#BillingEmail').val("");
$('#FreeShip').val("");
$('#BizlicSent').val("");
$("#searchterm").autocomplete({
source: "Customer.QUERY.php",
minLength: 3,
autoFocus: true,
select: function(event, ui) {
$('#Customer_ID').val(ui.item.Customer_ID);
$('#FirstName').val(ui.item.FirstName);
$('#BillingEmail').val(ui.item.BillingEmail);
$('#FreeShip').val(ui.item.FreeShip);
$('#BizlicSent').val(ui.item.BizlicSent);
}
});
});
新编辑,页面上有更多数据
这是包含javascript/jquery信息的页面
<?php include '../JQ/jquery.php';?>
<html>
<head>
<script type="text/javascript">
$(function() {
$('#Customer_ID').val("");
$('#Name').val("");
$('#BillingEmail').val("");
$('#FreeShip').val("");
$('#BizlicSent').val("");
$("#searchterm").autocomplete({
source: "Customer.QUERY.php",
minLength: 3,
autoFocus: true,
select: function(event, ui) {
$('#Customer_ID').val(ui.item.Customer_ID);
$('#FirstName').val(ui.item.FirstName);
$('#BillingEmail').val(ui.item.BillingEmail);
$('#FreeShip').attr("checked", ui.item.FreeShip);
$('#BizlicSent').attr("checked", ui.item.BizlicSent);
}
});
});
</script>
</head>
<body>
<form action="<?php echo $PHP_SELF;?>" method="post">SEARCH:
<input type="text" id="searchterm" size="60" onClick="this.form.reset()"/>
</form>
<form method="POST" name="form" id="my_form">
<input type="text" name="Customer_ID" id="Customer_ID">
Customer ID<br>
<input type="text" name="FirstName" id="FirstName">
First Name<br>
<input type="text" name="BillingEmail" id="BillingEmail">
Billing Email<br>
FreeShip<input type="checkbox" name="FreeShip" id="FreeShip"><br>
BizlicSent<input type="checkbox" name="BizlicSent" id="BizlicSent"><br>
<br>
<input type="submit" name="button" value="UPDATE">
</form>
</body>
</html>
好的!这是目前有效的解决方案
select: function(event, ui) {
$('#Customer_ID').val(ui.item.Customer_ID);
$('#FirstName').val(ui.item.FirstName);
$('#BillingEmail').val(ui.item.BillingEmail);
if (ui.item.FreeShip == "1") {
$('#FreeShip').prop('checked', true);
} else {
$('#FreeShip').prop('checked', false);
}
if (ui.item.BizlicSent == "1") {
$('#BizlicSent').prop('checked', true);
} else {
$('#BizlicSent').prop('checked', false);
}
缺少符号
=
。您必须使用:
$('#FreeShip').prop('checked', ui.item.FreeShip === "1");
您的代码可以短得多,同时保持可读性。用法:
$('#FreeShip').prop('checked',ui.item.FreeShip==“1”)$('#BizlicSent').prop('checked',ui.item.BizlicSent==“1”)代码>
select: function(event, ui) {
$('#Customer_ID').val(ui.item.Customer_ID);
$('#FirstName').val(ui.item.FirstName);
$('#BillingEmail').val(ui.item.BillingEmail);
if (ui.item.FreeShip == "1") {
$('#FreeShip').prop('checked', true);
} else {
$('#FreeShip').prop('checked', false);
}
if (ui.item.BizlicSent == "1") {
$('#BizlicSent').prop('checked', true);
} else {
$('#BizlicSent').prop('checked', false);
}
$('#FreeShip').prop('checked', ui.item.FreeShip === "1");