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
<html>
<head>
<script src="jquery.js" type="text/javascript"></script>
</head>
<body>
<table id="table1">
<tr>
<td> <input type="checkbox" value="选择"/></td>
<td><input type="text" /></td>
</tr>
<tr>
<td> <input type="checkbox" value="选择"/></td>
<td><input type="text" /></td>
</tr>
<tr>
<td> <input type="checkbox" value="选择"/></td>
<td><input type="text" /></td>
</tr>
<table>
</body>
<script type="text/javascript">
$(document).ready(function(){
$("#table1 input[type='checkbox']").click(function(){
$("#table1 input[type='text']").attr("innerText","");
var index = 1;
$("#table1 input:checked").each( function(i){
var chkbox = $(this);
chkbox[0].parentElement.parentElement.children(1).children(0).innerText = index;
index++;
});// end each
});// end click
}); // end ready事件
</script>
</html>
不知道这个能不能满足要求,注意这个demo用到了jquery.
lz就是想给选中的项添加编号了?思路就是这样的:你肯定可以获取选中的行,当然你需要预定义一个容器(div,span...)来显示编号,你肯定可以获取当前行的那个span,然后外层的循环变量不就是你想要的编号?