首页 > 后端开发 > 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不一样的?

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板