javascript对CheckBok进行排序

javascript对CheckBok进行排序怎么办,问题如下:

帮我解决如下一个问题,我也会给分的,不感激!!

一、问题:

1、当CheckBox被选中时,其后的TextBox将显示序号,序号从1开始编号....

2、当取消其中一个CheckBox时,将对CheckBox的序号进行重新排序,例如现在的排序是1,2,3,4,当取消序号为2的CheckBox时将重新排序,1变为1,3变为2,4变为3

二、页面:

<tr>
                                <td>
                                    <asp:CheckBox ID="ckbCarType" runat="server" Text="机型" OnClick="setSequence(this)" /></td>
                                <td>
                                    <asp:TextBox ID="txtCarType" runat="server" Width="20px"></asp:TextBox></td>
                                <td>
                                    <asp:CheckBox ID="ckbGood" runat="server" Text="商品" OnClick="setSequence(this)" /></td>
                                <td style="width: 20px">
                                    <asp:TextBox ID="txtGood" runat="server" Width="20px"></asp:TextBox></td>
                  &a


潇湘沐
浏览 737回答 2
2回答

蓝山帝景

<html><head><script src="jquery.js" type="text/javascript"></script></head><body><table id="table1"><tr><td> <input type="checkbox"&nbsp;&nbsp; value="选择"/></td><td><input type="text" /></td></tr><tr><td> <input type="checkbox"&nbsp;&nbsp; value="选择"/></td><td><input type="text" /></td></tr><tr><td> <input type="checkbox"&nbsp;&nbsp; value="选择"/></td><td><input type="text" /></td></tr><table></body><script type="text/javascript">&nbsp;$(document).ready(function(){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $("#table1 input[type='checkbox']").click(function(){&nbsp;&nbsp; $("#table1 input[type='text']").attr("innerText","");&nbsp; var index = 1;&nbsp; $("#table1 input:checked").each( function(i){&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var chkbox = $(this);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; chkbox[0].parentElement.parentElement.children(1).children(0).innerText = index;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; index++;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });// end each&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });// end click&nbsp;&nbsp;&nbsp;&nbsp; }); // end ready事件&nbsp;</script></html>不知道这个能不能满足要求,注意这个demo用到了jquery.

慕姐8265434

lz就是想给选中的项添加编号了?思路就是这样的:你肯定可以获取选中的行,当然你需要预定义一个容器(div,span...)来显示编号,你肯定可以获取当前行的那个span,然后外层的循环变量不就是你想要的编号?
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript