使用PHP和JQUERY页面重新加载并保留复选框

时间:2015-10-14 07:46:11

标签: javascript php jquery checkbox

我的代码存在的问题是:

1-仅保留第一个复选框。

2-我觉得这个循环很糟糕。

3-放置代码" html"在" echo"因为我更容易看到(也许可以帮助我)。

我想做什么:

1-重新加载页面并保留复选框。

2-组织和构建我的代码。

我的脚本的主要思想是在用户下注时获得实时游戏结果。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Apuestas</title>
<script type='text/javascript' src='http://code.jquery.com/jquery-1.4.2.js'></script>
<script type='text/javascript'>
//<![CDATA[
$(window).load(function(){
function getStorage(key_prefix) {
    // this function will return us an object with a "set" and "get" method
    // using either localStorage if available, or defaulting to document.cookie
    if (window.localStorage) {
        // use localStorage:
        return {
            set: function(id, data) {
                localStorage.setItem(key_prefix+id, data);
            },
            get: function(id) {
                return localStorage.getItem(key_prefix+id);
            }
        };
    } else {
        // use document.cookie:
        return {
            set: function(id, data) {
                document.cookie = key_prefix+id+'='+encodeURIComponent(data);
            },
            get: function(id, data) {
                var cookies = document.cookie, parsed = {};
                cookies.replace(/([^=]+)=([^;]*);?\s*/g, function(whole, key, value) {
                    parsed[key] = unescape(value);
                });
                return parsed[key_prefix+id];
            }
        };
    }
}

jQuery(function($) {
    // a key must is used for the cookie/storage
    var storedData = getStorage('com_mysite_checkboxes_'); 

    $('div.check input:checkbox').bind('change',function(){
        $('#'+this.id+'txt').toggle($(this).is(':checked'));
        // save the data on change
        storedData.set(this.id, $(this).is(':checked')?'checked':'not');
    }).each(function() {
        // on load, set the value to what we read from storage:
        var val = storedData.get(this.id);
        if (val == 'checked') $(this).attr('checked', 'checked');
        if (val == 'not') $(this).removeAttr('checked');
        if (val) $(this).trigger('change');
    });

});
});//]]> 
</script>
</head>
<body>
<?php
//Obteniendo fecha
date_default_timezone_set('America/Caracas');
$dia = date("d");
$mes = date("m");
$ano = date("Y");

//Header
echo "<link charset=\"utf-8\" href=\"./css/tablaodds.css\" media=\"screen\" rel=\"stylesheet\" type=\"text/css\" />\n";

//Obteniendo json del dia
$jsonfile = "http://gd2.mlb.com/components/game/mlb/year_$ano/month_$mes/day_$dia/miniscoreboard.json";
    if(false === ($data = @file_get_contents($jsonfile))){
        echo "El archivo json no existe!";
        exit;
    }
    $data = file_get_contents($jsonfile);
    $games = json_decode($data, true);
    $gamesnum = count($games['data']['games']['game']);
    $home_team = '';
    $away_team = '';

    function random(){      
    echo mt_rand();
    }

    for ($i=0; $i<$gamesnum; $i++){
    $home_name_abbrev[$i]= $games['data']['games']['game'][$i]['home_name_abbrev'];
    $hometeam[$i]= $games['data']['games']['game'][$i]['home_team_name'];
    $away_name_abbrev[$i]= $games['data']['games']['game'][$i]['away_name_abbrev'];
    $awayteam[$i]= $games['data']['games']['game'][$i]['away_team_name'];
    $status[$i] = $games['data']['games']['game'][$i]['status'];
    $etime[$i] = $games['data']['games']['game'][$i]['first_pitch_et'];
    $time = strtotime($etime[$i]);
    $startTime = date("h:i", strtotime('-30 minutes', $time));
    $ampm[$i] = $games['data']['games']['game'][$i]['ampm'];
    $league[$i] = $games['data']['games']['game'][$i]['league'];
    $x = '0';
    $y = '1';
    $z = '2';


        if ($status[$i] == 'Warmup') {
            $statusf = ' | <FONT style="color: Gold">Calentando</FONT>';
            $disabled_a[$i] = 'Disabled';
            $disabled_b[$i] = 'Disabled';
        } else if ($status[$i] == 'In Progress') {
            $home_team_runs[$i] = $games['data']['games']['game'][$i]['home_team_runs'];
            $away_team_runs[$i] = $games['data']['games']['game'][$i]['away_team_runs'];
            $inning[$i] = $games['data']['games']['game'][$i]['inning'];
            $statusf = ' | <FONT style="BACKGROUND-COLOR: red">En Juego</FONT>  | (' . $inning[$i] . 'th)</td>';
            $home_team = "[$home_team_runs[$i]]";
            $away_team = "[$away_team_runs[$i]]";
            $disabled_a[$i] = '';
            $disabled_b[$i] = '';
        } else if ($status[$i] == 'Delayed') {
            $statusf = ' | <FONT style="color: Gold">Retraso</FONT>';
            $disabled_a[$i] = 'Disabled';
            $disabled_b[$i] = 'Disabled';
        } else if ($status[$i] == 'Final') {
            $home_team_runs[$i] = $games['data']['games']['game'][$i]['home_team_runs'];
            $away_team_runs[$i] = $games['data']['games']['game'][$i]['away_team_runs'];
            $inning[$i] = $games['data']['games']['game'][$i]['inning'];
            $statusf = ' | <FONT style="color: grey">Final</FONT>';
            $home_team = "[$home_team_runs[$i]]";
            $away_team = "[$away_team_runs[$i]]";
            $disabled_a[$i] = '';
            $disabled_b[$i] = '';
        } else if ($status[$i] == 'Game Over') {
            $home_team_runs[$i] = $games['data']['games']['game'][$i]['home_team_runs'];
            $away_team_runs[$i] = $games['data']['games']['game'][$i]['away_team_runs'];
            $inning[$i] = $games['data']['games']['game'][$i]['inning'];
            $statusf = ' | <FONT style="color: grey">Final</FONT>';
            $home_team = "[$home_team_runs[$i]]";
            $away_team = "[$away_team_runs[$i]]";
            $disabled_a[$i] = 'Disabled';
            $disabled_b[$i] = 'Disabled';
        } else {
            $statusf = '';
            $home_team = "";
            $away_team = "";
            $disabled_a[$i] = '';
            $disabled_b[$i] = '';
        }
        if ($league[$i] == 'NN') {
            $leaguef = 'National League';
        } else if ($league[$i] == 'AA') {
            $leaguef = 'American League';
        }

    echo "<div class=\"check\"><table cellpadding=\"3\" cellspacing=\"1\" class=\"tablehead\" style=\"background-color:white;\">\n"; 
    echo "  <tbody>\n"; 
    echo "      <tr class=\"stathead\">\n"; 
    echo "          <td colspan=\"5\" style=\"background-color:#0B3861;color:white;\">$home_name_abbrev[$i] $hometeam[$i] vs $away_name_abbrev[$i] $awayteam[$i] | [MLB] $leaguef $statusf \n"; 


    echo "      </tr>\n"; 
    echo "      <tr class=\"colhead\" style=\"text-align:center;\">\n";
    echo "<td>$startTime $ampm[$i]</td>\n";
    echo "          <td>A GANAR</td>\n"; 
    echo "          <td>ALTA/BAJA (6.5)</td>\n"; 
    echo "          <td>RUN LINE</td>\n"; 
    echo "          <td>ALTA/BAJA (3.5)</td>\n"; 
    echo "      </tr>\n"; 
    echo "      <tr class=\"oddrow\">\n"; 
    echo "          <td style=\"text-align:center;font-weight:700;color:#444;font-size:11px\">\n"; 
    echo "          <img width=\"20\" height=\"20\" src=\"./images/icons/$home_name_abbrev[$i].png\">\n"; 
    echo "          $home_name_abbrev[$i] $hometeam[$i] $home_team \n"; 
    echo "          </td>\n"; 
    echo "          <td style=\"text-align:center;\"><input id=\"checkbox_";
    echo "_$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_a[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\">-158</label>\n"; 
    echo "          </td>\n"; 
    echo "          <td style=\"text-align:center;\"><input id=\"checkbox_";
    echo "$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_a[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\">-158</label>\n"; 
    echo "          </td>\n"; 
    echo "          <td style=\"text-align:center;\"><input id=\"checkbox_";
    echo "$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_a[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\">-158</label>\n"; 
    echo "          </td>\n"; 
    echo "          <td style=\"text-align:center;\"><input id=\"checkbox_";
    echo "$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_a[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\">-158</label>\n"; 
    echo "          </td>\n"; 


    echo "      </tr>\n"; 
    echo "      <tr class=\"evenrow\">\n"; 
    echo "          <td style=\"text-align:center;font-weight:700;color:#444;font-size:11px\">\n"; 
    echo "          <img width=\"20\" height=\"20\" src=\"./images/icons/$away_name_abbrev[$i].png\">\n"; 
    echo "          $away_name_abbrev[$i] $awayteam[$i] $away_team \n"; 
    echo "          </td>\n"; 
    echo "          <td style=\"text-align:center;\"><input id=\"checkbox_b$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_b[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\"></label>+143\n"; 
    echo "          </td>\n"; 
    echo "          <td style=\"text-align:center;\">\n"; 
    echo "          <table cellpadding=\"3\" cellspacing=\"1\" class=\"tablehead\">\n"; 
    echo "              <tbody>\n"; 
    echo "                  <tr>\n"; 
    echo "                      <td style=\"text-align:center;\"><input id=\"checkbox_b$i random()\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_b[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\"></label>B -115\n"; 
    echo "                      </td>\n"; 
    echo "                  </tr>\n"; 
    echo "              </tbody>\n"; 
    echo "          </table>\n"; 
    echo "          </td>\n"; 
    echo "          <td style=\"text-align:center;\">\n"; 
    echo "          <table cellpadding=\"3\" cellspacing=\"1\" class=\"tablehead\">\n"; 
    echo "              <tbody>\n"; 
    echo "                  <tr>\n"; 
    echo "                      <td style=\"text-align:center;\"><input id=\"checkbox_b$i random()\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_b[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\"></label>+1.5 -125<br />\n"; 
    echo "                      </td>\n"; 
    echo "                  </tr>\n"; 
    echo "              </tbody>\n"; 
    echo "          </table>\n"; 
    echo "          </td>\n"; 
    echo "          <td style=\"text-align:center;\">\n"; 
    echo "          <table cellpadding=\"3\" cellspacing=\"1\" class=\"tablehead\">\n"; 
    echo "              <tbody>\n"; 
    echo "                  <tr>\n"; 
    echo "                      <td style=\"text-align:center;\"><input id=\"checkbox_b$i random()\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_b[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\"></label>B -115\n"; 
    echo "                      </td>\n"; 
    echo "                  </tr>\n"; 
    echo "              </tbody>\n"; 
    echo "          </table>\n"; 
    echo "          </td>\n"; 
    echo "      </tr>\n"; 
    echo "  </tbody>\n"; 
    echo "</table></div>\n";
    }
?>
</body>
</html>

1 个答案:

答案 0 :(得分:1)

echo "<div class=\"check\"><table cellpadding=\"3\" cellspacing=\"1\" class=\"tablehead\" style=\"background-color:white;\">\n"; 
echo "  <tbody>\n"; 
echo "      <tr class=\"stathead\">\n"; 
echo "          <td colspan=\"5\" style=\"background-color:#0B3861;color:white;\">$home_name_abbrev[$i] $hometeam[$i] vs $away_name_abbrev[$i] $awayteam[$i] | [MLB] $leaguef $statusf \n"; 


echo "      </tr>\n"; 
echo "      <tr class=\"colhead\" style=\"text-align:center;\">\n";
echo "<td>$startTime $ampm[$i]</td>\n";
echo "          <td>A GANAR</td>\n"; 
echo "          <td>ALTA/BAJA (6.5)</td>\n"; 
echo "          <td>RUN LINE</td>\n"; 
echo "          <td>ALTA/BAJA (3.5)</td>\n"; 
echo "      </tr>\n"; 
echo "      <tr class=\"oddrow\">\n"; 
echo "          <td style=\"text-align:center;font-weight:700;color:#444;font-size:11px\">\n"; 
echo "          <img width=\"20\" height=\"20\" src=\"./images/icons/$home_name_abbrev[$i].png\">\n"; 
echo "          $home_name_abbrev[$i] $hometeam[$i] $home_team \n"; 
echo "          </td>\n"; 
echo "          <td style=\"text-align:center;\"><input id=\"checkbox_1";
echo "_$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_a[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\">-158</label>\n"; 
echo "          </td>\n"; 
echo "          <td style=\"text-align:center;\"><input id=\"checkbox_2";
echo "$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_a[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\">-158</label>\n"; 
echo "          </td>\n"; 
echo "          <td style=\"text-align:center;\"><input id=\"checkbox_3";
echo "$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_a[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\">-158</label>\n"; 
echo "          </td>\n"; 
echo "          <td style=\"text-align:center;\"><input id=\"checkbox_4";
echo "$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_a[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\">-158</label>\n"; 
echo "          </td>\n"; 


echo "      </tr>\n"; 
echo "      <tr class=\"evenrow\">\n"; 
echo "          <td style=\"text-align:center;font-weight:700;color:#444;font-size:11px\">\n"; 
echo "          <img width=\"20\" height=\"20\" src=\"./images/icons/$away_name_abbrev[$i].png\">\n"; 
echo "          $away_name_abbrev[$i] $awayteam[$i] $away_team \n"; 
echo "          </td>\n"; 
echo "          <td style=\"text-align:center;\"><input id=\"checkbox_b1$i\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_b[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\"></label>+143\n"; 
echo "          </td>\n"; 
echo "          <td style=\"text-align:center;\">\n"; 
echo "          <table cellpadding=\"3\" cellspacing=\"1\" class=\"tablehead\">\n"; 
echo "              <tbody>\n"; 
echo "                  <tr>\n"; 
echo "                      <td style=\"text-align:center;\"><input id=\"checkbox_b2$i random()\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_b[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\"></label>B -115\n"; 
echo "                      </td>\n"; 
echo "                  </tr>\n"; 
echo "              </tbody>\n"; 
echo "          </table>\n"; 
echo "          </td>\n"; 
echo "          <td style=\"text-align:center;\">\n"; 
echo "          <table cellpadding=\"3\" cellspacing=\"1\" class=\"tablehead\">\n"; 
echo "              <tbody>\n"; 
echo "                  <tr>\n"; 
echo "                      <td style=\"text-align:center;\"><input id=\"checkbox_b3$i random()\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_b[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\"></label>+1.5 -125<br />\n"; 
echo "                      </td>\n"; 
echo "                  </tr>\n"; 
echo "              </tbody>\n"; 
echo "          </table>\n"; 
echo "          </td>\n"; 
echo "          <td style=\"text-align:center;\">\n"; 
echo "          <table cellpadding=\"3\" cellspacing=\"1\" class=\"tablehead\">\n"; 
echo "              <tbody>\n"; 
echo "                  <tr>\n"; 
echo "                      <td style=\"text-align:center;\"><input id=\"checkbox_b4$i random()\" class=\"cmn-toggle cmn-toggle-yes-no\" type=\"checkbox\" $disabled_b[$i]><label for=\"cmn-toggle-7\" data-on=\"-138\" data-off=\"-138\"></label>B -115\n"; 
echo "                      </td>\n"; 
echo "                  </tr>\n"; 
echo "              </tbody>\n"; 
echo "          </table>\n"; 
echo "          </td>\n"; 
echo "      </tr>\n"; 
echo "  </tbody>\n"; 
echo "</table></div>\n";