公司选举，打算弄个html来唱票，请帮帮忙！

kxteb0cc 2014-04-16 04:43:23

<!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，应该怎么弄？？

...全文

123 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

kxteb0cc 2014-04-16

打赏
举报

引用 5 楼 Return_false 的回复:

如果要做的带有记录性，那么可以考虑利用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>

灰常感谢！！

人生难得一只鸡 2014-04-16

打赏
举报

如果要做的带有记录性，那么可以考虑利用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>

kxteb0cc 2014-04-16