Heim >Web-Frontend >HTML-Tutorial >公司选举，打算弄个html来唱票，请帮帮忙！_html/css_WEB-ITnose
公司选举，打算弄个html来唱票，请帮帮忙！_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 12:06:111463Durchsuche
<!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> <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> 想实现按下后面的“加”按钮，“当前票数”就加1，应该怎么弄？？
回复讨论(解决方案)
打个酱油 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> 灰常感谢！！
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：div中ul li超出宽度隐藏 且li不换行_html/css_WEB-ITnoseNächster Artikel：IE8 如何让无序列表中的文字与里面的div在垂直方向都居中_html/css_WEB-ITnose