我有复选框和提交按钮。用户可以使用复选框和按钮单击过滤选项。但是现在我想为这个复选框维护状态事件。所以用户应该知道哪些复选框已经被选中，他们可以从复选框中过滤选项。到目前为止，我成功地能够过滤使用复选框和按钮单击的选项，但没有得到逻辑如何维护选中复选框的状态事件。因此，在页面刷新后，用户应该能够识别选中的复选框事件。我将选中的复选框作为数组存储在数据库中，然后检索它。这是我的代码:js代码:
function getFahrzeuge() {
var opts = [];
$("#FAHRZEUGE input[type='checkbox']").each(function () {
if ($(this).is(':checked'))
{
opts.push($(this).attr("id"));
}
});
return opts;
}
function saveFahrzeugeWidget(opts){
if(opts.length == 0) return false;
$.ajax({
type: "POST",
url: "ajax/dashboard.php",
dataType : 'json',
cache: false,
data: {'filterOpts' :opts, 'aktion' : 'save-widget-vehicle'},
success: function(data){
getFahrzeugeWidget();
//$('#fahrzeuge').html(data['html']);
},
error: function(data){
alert('error');
}
});
}
function getFahrzeugeWidget(opts){
if(!opts || !opts.length){
opts = allFahrzeuge;
}
$.ajax({
type: "POST",
url: "ajax/dashboard.php",
dataType : 'json',
cache: false,
//data: {filterOpts:opts, 'aktion' : 'get-widget-vehicle','timestamp': new Date().getTime()},
data: {filterOpts:opts, 'aktion' : 'get-widget-vehicle'},
success: function(data){
$('#FAHRZEUGE').html(data.html);
},
error: function(data){
alert('error');
}
});
}
$('#FAHRZEUGE .butt-rahmen').live('click', function(){
var opts = getFahrzeuge();
if($(this).attr('id') == 'saveId')
{
saveFahrzeugeWidget(opts);
if($('#FAHRZEUGE input[type="checkbox"]:checked').length <=0) {
alert('überprüfen Sie bitte atleast ein fahrzeuge');
getFahrzeugeWidgetEdit(opts);
}
}
});
var allFahrzeuge = [];
$("input[type=checkbox]").each(function(){
allFahrzeuge.push($(this)[0].id)
})
dashboard.php
if($param['aktion'] == 'get-widget-vehicle-edit')
{
$page['register-fahrzeuge'] = array(
0 => array( 'FAHRZEUGE','enabled',$page['script'],''),
1 => array( 'EDIT-FAHRZEUGE','aktiv',$page['script'],'',''),
);
$html = '<table width="538" cellspacing="0" cellpadding="0" border="0">
<tr>
<td>
<div>'.CreateRegister($page['register-fahrzeuge']).'</div>
'.CreateMessage().'
<div class="cont-liste-verlauf register">
<table id="FAHRZEUGE" >
<tr>
<td>
<input type="checkbox" name="Anzahl_Fahrzeuge_ohne_Bilder" id="Anzahl_Fahrzeuge_ohne_Bilder" checked />
<label for="Anzahl_Fahrzeuge_ohne_Bilder">Anzahl Fahrzeuge ohne Bilder</label><br>
<input type="checkbox" name="Fahrzeuge_ohne_Preis" id="Fahrzeuge_ohne_Preis" value="Fahrzeuge_ohne_Preis" checked />
<label for="Fahrzeuge_ohne_Preis">Fahrzeuge_ohne_Preis</label><br>
<input type="checkbox" name="Fahrzeuge_mit_Fehlern" id="Fahrzeuge_mit_Fehlern" value="Fahrzeuge_mit_Fehlern" checked />
<label for="Fahrzeuge_mit_Fehlern">Fahrzeuge mit Fehlern</label><br>
<input type="checkbox" name="Herausforderungen" id="Herausforderungen" value="Herausforderungen" checked />
<label for="Herausforderungen">Herausforderungen</label><br><br>
</td>
</tr>
</table>
'.CreateButton($page['button']).'
</div>
</td>
</tr>
</table>';
$return = array(
'status' => 1,
'html' => $html
);
echo json_encode($return);
die();
}
if($param['aktion'] == 'save-widget-vehicle')
{
if ($_SERVER['REQUEST_METHOD'] == 'POST'){
if (isset ($param['filterOpts']) && is_array ($param['filterOpts']) )
{
// save it into the session
$_SESSION['filterOpts'] = $_POST['filterOpts'];
}
}
$opts = !empty($param['filterOpts']) ? $param['filterOpts'] : array();
$tmp = array();
foreach ($opts as $opt) {
$tmp[] = $opt;
}
$query ="UPDATE dashboard_widget_users w SET w.configuration='"".mysql_real_escape_string(serialize($tmp))."'" WHERE w.dsnr_yw_user =".$user_id." AND w.dsnr_dashboard_widget=1";
$result = mysql_query($query, $myConnection);
$return = array(
'status' => 1,
'html' => ''
);
echo json_encode($return);
die();
}
if($param['aktion'] == 'get-widget-vehicle')
{
$page['register-fahrzeuge'] = array(
1 => array( 'FAHRZEUGE','aktiv',$page['script'],''),
0 => array( 'EDIT-FAHRZEUGE','enabled',$page['script'],'',''),
);
/*when empty default config...
$query= "SELECT dashboard_widget.configuration FROM dashboard_widget WHERE Id =1";
*/
$query ="SELECT dashboard_widget_users.configuration
FROM dashboard_widget_users
INNER JOIN yw_user ON dashboard_widget_users.dsnr_yw_user = yw_user.intern
INNER JOIN dashboard_widget ON dashboard_widget_users.dsnr_dashboard_widget = dashboard_widget.id
WHERE dashboard_widget_users.dsnr_yw_user=".$user_id." AND dashboard_widget.id=1 ";
$result = mysql_query($query, $myConnection);
$linksVehicleWidget = array();
$configVehicleWidget['Anzahl_Fahrzeuge_ohne_Bilder'] = array(
'link' => 'fahrzeuge.php?parameter=1',
'image' => 'news/bild1.jpg',
'linkName' => 'Fahrzeuge ohne Bilder',
'textAllOK' => 'Alle Fahrzeuge haben Bilder',
'count' => 0
);
$configVehicleWidget['Fahrzeuge_ohne_Preis'] = array(
'link' => 'fahrzeuge.php?parameter=1',
'image' => 'news/bild1.jpg',
'linkName' => 'Fahrzeuge ohne Preis',
'textAllOK' => 'Alle Fahrzeuge haben einen Preis',
'count' => 0
);
$configVehicleWidget['Fahrzeuge_mit_Fehlern'] = array(
'link' => 'fahrzeuge.php?parameter=1',
'image' => 'news/bild1.jpg',
'linkName' => 'Fahrzeuge mit Fehlern',
'textAllOK' => 'Keine Fahrzeuge mit Fehlern',
'count' => 0
);
$configVehicleWidget['Herausforderungen'] = array(
'link' => 'fahrzeuge.php?parameter=1',
'image' => 'news/bild1.jpg',
'linkName' => 'Herausforderungen',
'textAllOK' => 'Keine Herausforderungen',
'count' => 0
);
$html = '<table width="538" cellspacing="0" cellpadding="0" border="0" >
<tr>
<td>
<div>'.CreateRegister($page['register-fahrzeuge']).'</div>
'.CreateMessage().'
<div class="cont-liste-verlauf register">';
if($row = mysql_fetch_assoc($result))
{
$empty_config=$row['configuration'];
if(empty($empty_config )) {
$sql="SELECT dashboard_widget.configuration FROM dashboard_widget WHERE Id =1";
$sql_result = mysql_query($sql, $myConnection);
$results = mysql_fetch_assoc($sql_result);
$config= unserialize($results['configuration']);
}
else{
$config= unserialize($row['configuration']);
}
foreach($config as $val)
{
if($val == 'Anzahl_Fahrzeuge_ohne_Bilder')
{
$sql='SELECT count( * ) as bilder FROM autodo.amo_bilder_live l LEFT JOIN autodo.afzdaten a ON l.dsnr_afzdaten = a.dsnr WHERE l.dsnr_afzdaten IS NULL';
$sql_result=mysql_query($sql);
$results=mysql_fetch_assoc($sql_result);
$configVehicleWidget[$val]['count'] = $results['bilder'];
}
else if($val == 'Fahrzeuge_ohne_Preis')
{
$sql='SELECT count(*) as Preis FROM autodo.afzdaten WHERE Preis IS NULL';
$sql_result=mysql_query($sql);
$results=mysql_fetch_assoc($sql_result);
$configVehicleWidget[$val]['count'] = $results['Preis'];
}
else if($val == 'Fahrzeuge_mit_Fehlern')
{
$sql='SELECT count(*) as fehler FROM autodo.afzdaten WHERE fehler IS NULL';
$sql_result=mysql_query($sql);
$results=mysql_fetch_assoc($sql_result);
$configVehicleWidget[$val]['count'] = $results['fehler'];
}
else if($val == 'Herausforderungen')
{
$sql='SELECT count(*) as herausforderung FROM autodo.afzdaten WHERE herausforderung IS NULL';
$sql_result=mysql_query($sql);
$results=mysql_fetch_assoc($sql_result);
$configVehicleWidget[$val]['count'] = $results['herausforderung'];
}
if($configVehicleWidget[$val]['count'] > 0)
{
$html .= '<a href="'.$configVehicleWidget[$val]['link'].'" style="color:red;">'.'<image src="'.$configVehicleWidget[$val]['image'].'" width="30" height="25" align="middle">.'.$configVehicleWidget[$val]['count'].' '.$configVehicleWidget[$val]['linkName'].'<br>'.'<br>'.'</a>';
}
else
{
$html .='<span style="color:green;">'.'<image src="'.$configVehicleWidget[$val]['image'].'" width="30" height="22" align="middle">.'.$configVehicleWidget[$val]['textAllOK'].'<br>'.'<br>'.'</span>';
}
}
}
$html .= '
</div>
</td>
</tr>
</table>';
$return = array(
'status' => 1,
'html' => $html
);
echo json_encode($return);
die();
}
修改代码:
foreach($_SESSION['config'] as $val)
{
if($val == 'Anzahl_Fahrzeuge_ohne_Bilder')
{
$html .= '<input type="checkbox" name="Anzahl_Fahrzeuge_ohne_Bilder" id="Anzahl_Fahrzeuge_ohne_Bilder" checked />
<label for="Anzahl_Fahrzeuge_ohne_Bilder">Anzahl_Fahrzeuge_ohne_Bilder</label><br>
}}
您可以修改dashboard.php以将复选框保存到会话中，如下所示:
<?php
session_start ();
if ($_SERVER['REQUEST_METHOD'] == 'POST')
{
if (isset ($_POST['filterOpts']) && is_array ($_POST['filterOpts']) )
{
// save it into the session
$_SESSION['filterOpts'] = $_POST['filterOpts'];
}
echo '{}';
exit;
}
// ...
// loads the saved values from the session or a new empty array
$filterOpts = (isset ($_SESSION['filterOpts']) && is_array ($_SESSION['filterOpts'])) ? $_SESSION['filterOpts'] : array ();
// retrieves that filteroption (if present = checked)
// returns true or false
function isfo ($name) { global $filterOpts; return in_array ($name, $filterOpts); }
echo '$filterOpts (from session) = <pre>' . htmlspecialchars (print_r ($filterOpts, true)) . '</pre><br/>';
?>
<table id="FAHRZEUGE" >
<tr>
<td>
<input type="checkbox" name="Anzahl_Fahrzeuge_ohne_Bilder" id="Anzahl_Fahrzeuge_ohne_Bilder" <?php echo isfo ('Anzahl_Fahrzeuge_ohne_Bilder') ? 'checked="checked"' : ''; ?> />
<label for="Anzahl_Fahrzeuge_ohne_Bilder">Anzahl Fahrzeuge ohne Bilder</label><br>
<input type="checkbox" name="Fahrzeuge_ohne_Preis" id="Fahrzeuge_ohne_Preis" value="Fahrzeuge_ohne_Preis" <?php echo isfo ('Fahrzeuge_ohne_Preis') ? 'checked="checked"' : ''; ?> />
<label for="Fahrzeuge_ohne_Preis">Fahrzeuge_ohne_Preis</label><br>
<input type="checkbox" name="Fahrzeuge_mit_Fehlern" id="Fahrzeuge_mit_Fehlern" value="Fahrzeuge_mit_Fehlern" <?php echo isfo ('Fahrzeuge_mit_Fehlern') ? 'checked="checked"' : ''; ?> />
<label for="Fahrzeuge mit Fehlern">Fahrzeuge mit Fehlern</label><br>
<input type="checkbox" name="Herausforderungen" id="Herausforderungen" value="Herausforderungen" <?php echo isfo ('Herausforderungen') ? 'checked="checked"' : ''; ?> />
<label for="Herausforderungen">Herausforderungen</label><br><br>
</td>
</tr>
<!--
<tr><td>
<input type="button" class="butt-rahmen" id="saveId" value="save" />
</td></tr>
-->
</table>
保存/加载到数据库与此非常相似，但需要将$_SESSION替换为您的数据库。