为了账号安全,请及时绑定邮箱和手机立即绑定

javascript对CheckBok进行排序

javascript对CheckBok进行排序

潇湘沐 2018-12-10 18:09:01
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
查看完整描述

2 回答

?
蓝山帝景

TA贡献1843条经验 获得超7个赞

<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.


查看完整回答
反对 回复 2018-12-14
?
慕姐8265434

TA贡献1813条经验 获得超2个赞

lz就是想给选中的项添加编号了?思路就是这样的:你肯定可以获取选中的行,当然你需要预定义一个容器(div,span...)来显示编号,你肯定可以获取当前行的那个span,然后外层的循环变量不就是你想要的编号?

查看完整回答
反对 回复 2018-12-14
  • 2 回答
  • 0 关注
  • 736 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号