<!doctype html><html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style type="text/css"> * {text-align: center;} p {font: 30px;} table {border: 1px #000 solid; line-height: 30px;} tr,th,td {border: 1px #000 solid; height: 30px; width: 80px;} input {line-height: 30px; width: 60px; margin-top: 5px;} </style> </head> <body> <p>选举大会</p>
<div class="aritcle_card">
<a class="aritcle_card_img" href="/ai/1577">
<img src="https://img.php.cn/upload/ai_manual/000/969/633/68b6dc5584c99537.png" alt="AI帮个忙">
</a>
<div class="aritcle_card_info">
<a href="/ai/1577">AI帮个忙</a>
<p>多功能AI小工具，帮你快速生成周报、日报、邮、简历等</p>
<div class="">
<img src="/static/images/card_xiazai.png" alt="AI帮个忙">
<span>55</span>
</div>
</div>
<a href="/ai/1577" class="aritcle_card_btn">
<span>查看详情</span>
<img src="/static/images/cardxiayige-3.png" alt="AI帮个忙">
</a>
</div>
<table> <tr> <th>姓名</th> <th>当前票数</th> <th>加一</th> </tr> <tr> <td>一号</td> <td>0</td> <td><input type="submit" value="加" /></td> </tr> <tr> <td>二号</td> <td>0</td> <td><input type="submit" value="加" /></td> <tr> <td>三号</td> <td>0</td> <td><input type="submit" value="加" /></td> </tr> <tr> <td>四号</td> <td>0</td> <td><input type="submit" value="加" /></td> </tr> </table> </body></html>
打个酱油 LS解答
简单得很，服务端写好ajax接口，点击时客户端调一下，回调函数中更新下票数就行了，提醒注意做好验证码功能，不然刷票容易得很
简单得很，服务端写好ajax接口，点击时客户端调一下，回调函数中更新下票数就行了，提醒注意做好验证码功能，不然刷票容易得很
额，不用上传服务器的，就是本地用下，剩去划正字的和统计的麻烦，这样票数一目了然，能用JS实现不？ 如果要做的带有记录性，那么可以考虑利用cookie存几个特定的值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css"> * {text-align: center;} p {font: 30px;} table {border: 1px #000 solid; line-height: 30px;} tr,th,td {border: 1px #000 solid; height: 30px; width: 80px;} input {line-height: 30px; width: 60px; margin-top: 5px;} </style> <script src="http://festatic.aliapp.com/js/jquery/1.11.0/jquery.min.js"></script> <script> $(function(){ $('.add').click(function(){ var countTd=$(this).parent().prev(); var countCur=(parseInt(countTd.html())||0)+1; countTd.html(countCur); }); }) </script> </head> <body> <p>选举大会</p> <table> <tr> <th>姓名</th> <th>当前票数</th> <th>加一</th> </tr> <tr> <td>一号</td> <td>0</td> <td><input type="submit" value="加" class="add"/></td> </tr> <tr> <td>二号</td> <td>0</td> <td><input type="submit" value="加" class="add"/></td> <tr> <td>三号</td> <td>0</td> <td><input type="submit" value="加" class="add"/></td> </tr> <tr> <td>四号</td> <td>0</td> <td><input type="submit" value="加" class="add"/></td> </tr> </table> </body></html>
如果要做的带有记录性，那么可以考虑利用cookie存几个特定的值
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css"> * {text-align: center;} p {font: 30px;} table {border: 1px #000 solid; line-height: 30px;} tr,th,td {border: 1px #000 solid; height: 30px; width: 80px;} input {line-height: 30px; width: 60px; margin-top: 5px;} </style> <script src="http://festatic.aliapp.com/js/jquery/1.11.0/jquery.min.js"></script> <script> $(function(){ $('.add').click(function(){ var countTd=$(this).parent().prev(); var countCur=(parseInt(countTd.html())||0)+1; countTd.html(countCur); }); }) </script> </head> <body> <p>选举大会</p> <table> <tr> <th>姓名</th> <th>当前票数</th> <th>加一</th> </tr> <tr> <td>一号</td> <td>0</td> <td><input type="submit" value="加" class="add"/></td> </tr> <tr> <td>二号</td> <td>0</td> <td><input type="submit" value="加" class="add"/></td> <tr> <td>三号</td> <td>0</td> <td><input type="submit" value="加" class="add"/></td> </tr> <tr> <td>四号</td> <td>0</td> <td><input type="submit" value="加" class="add"/></td> </tr> </table> </body></html>
HTML怎么学习？HTML怎么入门？HTML在哪学？HTML怎么学才快？不用担心，这里为大家提供了HTML速学教程(入门课程)，有需要的小伙伴保存下载就能学习啦！
广告
收藏
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
261
