JQuery的自动完成返回检查复选框 [英] JQuery autocomplete return a checkbox checked
本文介绍了JQuery的自动完成返回检查复选框的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
调用jQuery函数你如何在MySQL数据库中的一个布尔值选定一个复选框后？下面是是有，但我不知道怎么去选中该复选框，并把它放在哪里了jQuery的。 （FREESHIP＆安培; BizlicSent）是需要进入的复选框的布尔值。任何帮助将大大AP preciated。
$（函数（）{
$（'＃Customer_ID上）VAL（）。
$（'＃名称）VAL（）。
$（'＃BillingEmail）VAL（）。
$（'＃FREESHIP）VAL（）。
$（'＃BizlicSent）VAL（）。
$（＃搜索关键词）。自动完成（{
来源：Customer.QUERY.php
的minLength：3，
自动对焦：真实，
选择：函数（事件，UI）{
$（'＃Customer_ID上）VAL（ui.item.Customer_ID）。
$（'＃名字）VAL（ui.item.FirstName）。
$（'＃BillingEmail）VAL（ui.item.BillingEmail）。
$（'＃FREESHIP）VAL（ui.item.FreeShip）。
$（'＃BizlicSent）VAL（ui.item.BizlicSent）。
}
}）;
}）;
新页面上有更多的数据编辑
这是必须的JavaScript / jQuery的信息页
＆LT;？PHP的包括../JQ/jquery.php';?>
＆LT; HTML和GT;
＆LT; HEAD＆GT;
＆LT;脚本类型=文/ JavaScript的＆GT;
$（函数（）{
$（'＃Customer_ID上）VAL（）。
$（'＃名称）VAL（）。
$（'＃BillingEmail）VAL（）。
$（'＃FREESHIP）VAL（）。
$（'＃BizlicSent）VAL（）。
$（＃搜索关键词）。自动完成（{
来源：Customer.QUERY.php
的minLength：3，
自动对焦：真实，
选择：函数（事件，UI）{
$（'＃Customer_ID上）VAL（ui.item.Customer_ID）。
$（'＃名字）VAL（ui.item.FirstName）。
$（'＃BillingEmail）VAL（ui.item.BillingEmail）。
$（'＃FREESHIP'）ATTR（选中，ui.item.FreeShip）;
$（'＃BizlicSent'）ATTR（选中，ui.item.BizlicSent）;
} }）;
}）;
＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT;形式的行动=＆LT; PHP的echo $ PHP_SELF;？＆gt;中方法=后＆GT;搜索：
＆LT;输入类型=文本ID =搜索关键词大小=60的onClick =this.form.reset（）/＆GT;
＆LT; /表及GT;
＆LT;形式方法=POSTNAME =形式ID =my_form＆GT;
＆LT;输入类型=文本名称=Customer_ID上ID =Customer_ID上＆GT;
客户ID＆LT; BR＆GT;
＆LT;输入类型=文本名称=名字ID =名字＆GT;
名＆LT; BR＆GT;
＆LT;输入类型=文本名称=BillingEmailID =BillingEmail＆GT;
结算电子邮件＆LT; BR＆GT;
FREESHIP＆LT;输入类型=复选框NAME =FREESHIPID =FREESHIP＆GT;＆LT; BR＆GT;
BizlicSent＆LT;输入类型=复选框NAME =BizlicSentID =BizlicSent＆GT;＆LT; BR＆GT;
＆LT; BR＆GT;
＆LT;输入类型=提交名称=按钮值=UPDATE＆GT;
＆LT; /表及GT;
＆LT; /身体GT;
＆LT; / HTML＆GT;
这是查询页面。
＆LT;？PHP的include_once'../connection.php';?>
＆LT; PHP尝试{
康涅狄格州$ =新PDO（MySQL的：主机= $ DBHOST; DBNAME = $ DBNAME，$ DBUSER，$ DBPASS）;
}
赶上（PDOException $ E）{
回声$ E-＆GT;的getMessage（）;
}$ return_arr =阵列（）;如果（$康恩）
{
$ ac_term =％$ _ GET ['术语']％。
$查询=选择
Customer_ID上，名字，BillingEmail，FREESHIP，BizlicSent，CONCAT_WS（''，Customer_ID上，名字，BillingEmail）以DISPLAYNAME
从CustomerListNew
其中`Customer_ID`，如：长期
或`FirstName`，如：长期
或`BillingEmail`，如：长期
$结果= $ conn-＆GT; prepare（$查询）;
$ result-＆GT; bindValue（：术语，$ ac_term）;
$ result-＆GT;执行（）; 而（$行= $ result-＆GT;取（PDO :: FETCH_ASSOC））{ $ row_array ['值'] = $行['显示名']; $ row_array ['Customer_ID上'] = $行['Customer_ID上'];
$ row_array ['名字'] = $行['名字'];
$ row_array ['BillingEmail'] = $行['BillingEmail'];
$ row_array ['FREESHIP'] = $行['FREESHIP'];
$ row_array ['BizlicSent'] = $行['BizlicSent']; array_push（$ return_arr，$ row_array）;
}}
康涅狄格州$ = NULL;
回声json_en code（$ return_arr）;
？＆GT;
下面是JSON响应。
[{值：ASDF ASDF asdf\",\"Customer_ID\":\"asdf\",\"FirstName\":\"asdf\",\"BillingEmail\":\"asdf\",\"FreeShip\":\"1\",\"BizlicSent\":\"0\"},{\"value\":\"qwer QWER qwer\",\"Customer_ID\":\"qwer\",\"FirstName\":\"qwer\",\"BillingEmail\":\"qwer\",\"FreeShip\":\"0\",\"BizlicSent\":\"1\"},{\"value\":\"aaaa AAAA aaaa\",\"Customer_ID\":\"aaaa\",\"FirstName\":\"aaaa\",\"BillingEmail\":\"aaaa\",\"FreeShip\":\"1\",\"BizlicSent\":\"0\"},{\"value\":\"bbbb BBBB bbbb\",\"Customer_ID\":\"bbbb\",\"FirstName\":\"bbbb\",\"BillingEmail\":\"bbbb\",\"FreeShip\":\"0\",\"BizlicSent\":\"1\"},{\"value\":\"cccc CCCC cccc\",\"Customer_ID\":\"cccc\",\"FirstName\":\"cccc\",\"BillingEmail\":\"cccc\",\"FreeShip\":\"1\",\"BizlicSent\":\"1\"},{\"value\":\"dddd DDDD dddd\",\"Customer_ID\":\"dddd\",\"FirstName\":\"dddd\",\"BillingEmail\":\"dddd\",\"FreeShip\":\"0\",\"BizlicSent\":\"0\"}]
解决方案
好吧！这里有一个的工作现在该解决方案....
选择：函数（事件，UI）{
$（'＃Customer_ID上）VAL（ui.item.Customer_ID）。
$（'＃名字）VAL（ui.item.FirstName）。
$（'＃BillingEmail）VAL（ui.item.BillingEmail）。 如果（ui.item.FreeShip ==1）{
$（'＃FREESHIP'）丙（'检查'，真）。
}其他{
$（'＃FREESHIP'）丙（'检查'，虚假）。
} 如果（ui.item.BizlicSent ==1）{
$（'＃BizlicSent'）丙（'检查'，真）。
}其他{
$（'＃BizlicSent'）丙（'检查'，虚假）。
}
After calling the jquery function how do you make a checkbox selected from a Boolean value in a Mysql database? Here's what is have, but I'm not sure how to get the check box selected and where to put it in the jquery. (FreeShip & BizlicSent) are the Boolean values that need to go into the check boxes. Any help would be greatly appreciated.
$(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);
}
});
});
New Edit with more data on the pages
This is the page that have the javascript/jquery info
<?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>
This is the QUERY page.
<?php include_once '../connection.php';?>
<?php
try {
$conn = new PDO("mysql:host=$dbhost;dbname=$dbname", $dbuser, $dbpass);
}
catch(PDOException $e) {
echo $e->getMessage();
}
$return_arr = array();
if ($conn)
{
$ac_term = "%".$_GET['term']."%";
$query = "SELECT
Customer_ID, FirstName, BillingEmail, FreeShip, BizlicSent,
CONCAT_WS(' ', Customer_ID, FirstName, BillingEmail) AS displayName
FROM CustomerListNew
WHERE `Customer_ID` LIKE :term
OR `FirstName` LIKE :term
OR `BillingEmail` LIKE :term
";
$result = $conn->prepare($query);
$result->bindValue(":term",$ac_term);
$result->execute();
while ($row = $result->fetch(PDO::FETCH_ASSOC)) {
$row_array['value'] = $row['displayName'];
$row_array['Customer_ID'] = $row['Customer_ID'];
$row_array['FirstName'] = $row['FirstName'];
$row_array['BillingEmail'] = $row['BillingEmail'];
$row_array['FreeShip'] = $row['FreeShip'];
$row_array['BizlicSent'] = $row['BizlicSent'];
array_push($return_arr,$row_array);
}
}
$conn = null;
echo json_encode($return_arr);
?>
Here's the JSON response.
[{"value":"asdf asdf asdf","Customer_ID":"asdf","FirstName":"asdf","BillingEmail":"asdf","FreeShip":"1","BizlicSent":"0"},{"value":"qwer qwer qwer","Customer_ID":"qwer","FirstName":"qwer","BillingEmail":"qwer","FreeShip":"0","BizlicSent":"1"},{"value":"aaaa aaaa aaaa","Customer_ID":"aaaa","FirstName":"aaaa","BillingEmail":"aaaa","FreeShip":"1","BizlicSent":"0"},{"value":"bbbb bbbb bbbb","Customer_ID":"bbbb","FirstName":"bbbb","BillingEmail":"bbbb","FreeShip":"0","BizlicSent":"1"},{"value":"cccc cccc cccc","Customer_ID":"cccc","FirstName":"cccc","BillingEmail":"cccc","FreeShip":"1","BizlicSent":"1"},{"value":"dddd dddd dddd","Customer_ID":"dddd","FirstName":"dddd","BillingEmail":"dddd","FreeShip":"0","BizlicSent":"0"}]
解决方案
Okay! here's the solution that's working now....
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);
}
这篇关于JQuery的自动完成返回检查复选框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
