コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > バックエンド開発 > PHPチュートリアル > jquery - 用php和ajax无刷新添加radio button并保存其选中的状态

jquery - 用php和ajax无刷新添加radio button并保存其选中的状态

WBOY
リリース： 2016-06-06 20:30:51
オリジナル
1022 人が閲覧しました

点击第一张图的add按钮，会生成一个新的表格，并会保存其选中的单选框状态，但是再点击的话因为生成的单选框name属性一样，选中的状态会被顶掉
$id = mysql_insert_id();
$head = "

"; $foot = "

";
if($formate=='standard 85x55mm'){
$result = "

Formate:
standard 85x55mm
";
}else{
$result = " Formate:standard 85x55mm
";
}
if($formate=='carte double 170x55mm'){
$result.="carte double 170x55mm";
}else{
$result.="carte double 170x55mm";
}
if($papier=='350g couche mat'){ 
<code>            $result.="<td>
<input name="papier" type="radio" value="350g couche mat" checked>350g couche mat<br>";
        }else{
            $result.="</td>
<td>
<input name="papier" type="radio" value="350g couche mat">350g couche mat<br>";
        }
        if($papier=='300g offset'){
            $result.="<input name="papier" type="radio" value="300g offset" checked>300g offset</td>";
        }else{
            $result.="<input name="papier" type="radio" value="300g offset">300g offset";

        }
        if($imprimer=='Recto seule'){
            $result.="<td>
<input name="imprimer" type="radio" value="Recto seule" checked>Recto seule<br>";
        }else{
            $result.="</td>
<td>
<input name="imprimer" type="radio" value="Recto seule">Recto seule<br>";
        }
        if($imprimer=='Recto et verso'){
            $result.="<input name="imprimer" value="Recto et verso" type="radio" checked>Recto et verso</td>";
        }else{
            $result.="<input name="imprimer" value="Recto et verso" type="radio">Recto et verso";
        }
        if($pelliculage=='Recto seule brillant'){
            $result.= "<td>
<input name="pelliculage" value="Recto seule brillant" type="radio" checked>Recto seule brillant<br>";
        }else{
            $result.= "</td>
<td>
<input name="pelliculage" value="Recto seule brillant" type="radio">Recto seule brillant<br>";
        }
        if($pelliculage=='Recto seule mat'){
            $result.="<input name="pelliculage" value="Recto seule mat" type="radio" checked>Recto seule mat<br>";
        }else{
            $result.="<input name="pelliculage" value="Recto seule mat" type="radio">Recto seule mat<br>";
        }
        if($pelliculage=='Recto et verso brillant'){
            $result.="<input name="pelliculage" value="Recto et verso brillant" type="radio">Recto et verso brillant<br>";
        }else{
            $result.="<input name="pelliculage" value="Recto et verso brillant" type="radio">Recto et verso brillant<br>";
        }
        if($pelliculage=='Recto et verso mat'){
            $result.="<input name="pelliculage" value="Recto et verso mat" type="radio" checked>Recto et verso mat<br>";
        }
        else{
            $result.="<input name="pelliculage" value="Recto et verso mat" type="radio">Recto et verso mat<br>";
        }
        $result.="<table>
<thead>
<th>Id</th>
<th>count</th>
<th>price</th>
<th>price2</th>
<th>price3</th>
</thead>
<tbody>
<td>1</td>
<td><input name="count" type="text"></td>
<td><input type="text" name="price1"></td>
<td><input type="text" name="price2"></td>
<td><input type="text" name="price3"></td>
<td><button>add</button></td>
</tbody>
</table>";
        echo $head.$result.$foot;


<p><img  data-src="/img/bVmSW6" alt="jquery - 用php和ajax无刷新添加radio button并保存其选中的状态" ><br><img  data-src="/img/bVmSWG" alt="jquery - 用php和ajax无刷新添加radio button并保存其选中的状态" ></p>

<p><img  data-src="/img/bVmSWY" alt="jquery - 用php和ajax无刷新添加radio button并保存其选中的状态" ></p>
</td></code>
ログイン後にコピー
ログイン後にコピー

回复内容：

点击第一张图的add按钮，会生成一个新的表格，并会保存其选中的单选框状态，但是再点击的话因为生成的单选框name属性一样，选中的状态会被顶掉
$id = mysql_insert_id();
$head = "

"; $foot = "

";
if($formate=='standard 85x55mm'){
$result = "

Formate:
standard 85x55mm
";
}else{
$result = " Formate:standard 85x55mm
";
}
if($formate=='carte double 170x55mm'){
$result.="carte double 170x55mm";
}else{
$result.="carte double 170x55mm";
}
if($papier=='350g couche mat'){ 
<code>            $result.="<td>
<input name="papier" type="radio" value="350g couche mat" checked>350g couche mat<br>";
        }else{
            $result.="</td>
<td>
<input name="papier" type="radio" value="350g couche mat">350g couche mat<br>";
        }
        if($papier=='300g offset'){
            $result.="<input name="papier" type="radio" value="300g offset" checked>300g offset</td>";
        }else{
            $result.="<input name="papier" type="radio" value="300g offset">300g offset";

        }
        if($imprimer=='Recto seule'){
            $result.="<td>
<input name="imprimer" type="radio" value="Recto seule" checked>Recto seule<br>";
        }else{
            $result.="</td>
<td>
<input name="imprimer" type="radio" value="Recto seule">Recto seule<br>";
        }
        if($imprimer=='Recto et verso'){
            $result.="<input name="imprimer" value="Recto et verso" type="radio" checked>Recto et verso</td>";
        }else{
            $result.="<input name="imprimer" value="Recto et verso" type="radio">Recto et verso";
        }
        if($pelliculage=='Recto seule brillant'){
            $result.= "<td>
<input name="pelliculage" value="Recto seule brillant" type="radio" checked>Recto seule brillant<br>";
        }else{
            $result.= "</td>
<td>
<input name="pelliculage" value="Recto seule brillant" type="radio">Recto seule brillant<br>";
        }
        if($pelliculage=='Recto seule mat'){
            $result.="<input name="pelliculage" value="Recto seule mat" type="radio" checked>Recto seule mat<br>";
        }else{
            $result.="<input name="pelliculage" value="Recto seule mat" type="radio">Recto seule mat<br>";
        }
        if($pelliculage=='Recto et verso brillant'){
            $result.="<input name="pelliculage" value="Recto et verso brillant" type="radio">Recto et verso brillant<br>";
        }else{
            $result.="<input name="pelliculage" value="Recto et verso brillant" type="radio">Recto et verso brillant<br>";
        }
        if($pelliculage=='Recto et verso mat'){
            $result.="<input name="pelliculage" value="Recto et verso mat" type="radio" checked>Recto et verso mat<br>";
        }
        else{
            $result.="<input name="pelliculage" value="Recto et verso mat" type="radio">Recto et verso mat<br>";
        }
        $result.="<table>
<thead>
<th>Id</th>
<th>count</th>
<th>price</th>
<th>price2</th>
<th>price3</th>
</thead>
<tbody>
<td>1</td>
<td><input name="count" type="text"></td>
<td><input type="text" name="price1"></td>
<td><input type="text" name="price2"></td>
<td><input type="text" name="price3"></td>
<td><button>add</button></td>
</tbody>
</table>";
        echo $head.$result.$foot;


<p><img  data-src="/img/bVmSW6" alt="jquery - 用php和ajax无刷新添加radio button并保存其选中的状态" ><br><img  data-src="/img/bVmSWG" alt="jquery - 用php和ajax无刷新添加radio button并保存其选中的状态" ></p>

<p><img  data-src="/img/bVmSWY" alt="jquery - 用php和ajax无刷新添加radio button并保存其选中的状态" ></p>
</td></code>
ログイン後にコピー
ログイン後にコピー

为啥不生成name不一样的？

関連ラベル：
ajax jquery php
ソース：php.cn
前の記事：php 命名空间的问题 次の記事：typecho 怎么样实现在首页和分类页面调用每个文章最后三个评论
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
URL パラメータから取得した PHP 配列が期待どおりに動作しない カテゴリ ID を含む URL パラメータがあり、それを次のような配列として扱いたいと考えています: http://example.com?cat[]=3,9,13 PHP では、...
から 2024-04-06 22:09:02
0
1
1428
ApacheのどこにCustomLogディレクティブを配置すればよいですか 私はphp:7.2-apachedockerを使用しています。ヘルスチェック URL ログイン アクセス ログを無効にする必要があります。このリンクに基づいて、Customlog ...
から 2024-04-06 22:03:59
0
1
990
戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
opentbs を使用して odt ファイルを生成するときに発生する問題: 同じキーの値が別の列ではなく同じ行に表示されます。 PHPでodtを作成するためにOpenTbsというライブラリを使っていますが、列と行が動的に生成されるので利用しています。行と列の作成方法は知っていますが、それらを整理する方法がわ...
から 2024-04-06 20:18:18
0
1
483
ループするために MySQL の結果を ID ごとにグループ化する mysqlにフライトデータを含むテーブルがあります。 codeigniter3Journey_idair_idFlightDurationout_or_inflightdurati...
から 2024-04-06 17:27:56
0
1
406
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート