在客户端,对CheckBox按照选择的顺序进行排序。解决方法
在客户端,对CheckBox按照选择的顺序进行排序。
在客户端,对CheckBox按照选择的顺序进行排序。
选择多CheckBox后,如果取消其中一个CheckBox(A),则
则序号比CheckBox(A)大的均要减1,
希望的效果如下:
------解决方案--------------------
用了table,比较好定位
在客户端,对CheckBox按照选择的顺序进行排序。
选择多CheckBox后,如果取消其中一个CheckBox(A),则
则序号比CheckBox(A)大的均要减1,
希望的效果如下:
------解决方案--------------------
- HTML code
<form id="form1" runat="server">
<table style="width: 100%;">
<tr>
<td>
<input id="Checkbox1" name="chk" type="checkbox" onclick="return changeText();"/>
</td>
<td>
<input id="Text1" name="txt" type="text" />
</td>
<td>
<input id="Checkbox2" name="chk" type="checkbox" onclick="return changeText();"/>
</td>
<td>
<input id="Text2" name="txt" type="text" />
</td>
</tr>
<tr>
<td>
<input id="Checkbox3" name="chk" type="checkbox" onclick="return changeText();"/>
</td>
<td>
<input id="Text3" name="txt" type="text" />
</td>
<td>
<input id="Checkbox4" name="chk" type="checkbox" onclick="return changeText();"/>
</td>
<td>
<input id="Text4" name="txt" type="text" />
</td>
</tr>
<tr>
<td>
<input id="Checkbox5" name="chk" type="checkbox" onclick="return changeText();"/>
</td>
<td>
<input id="Text5" name="txt" type="text" />
</td>
<td>
<input id="Checkbox6" name="chk" type="checkbox" onclick="return changeText();"/>
</td>
<td>
<input id="Text6" name="txt" type="text" />
</td>
</tr>
</table>
</form>
<script type="text/javascript">
var i=1;
function changeText()
{
var obj=event.srcElement
if(obj.checked)
{
obj.parentElement.nextSibling.firstChild.innerText=i;
i++;
}
else
{
var k=parseInt(obj.parentElement.nextSibling.firstChild.value);
obj.parentElement.nextSibling.firstChild.innerText="";
i--;
var txt=document.getElementsByName("txt");
for(var j=0;j <txt.length;j++)
{
if(parseInt(txt[j].value)>k)
{
txt[j].innerText=parseInt(txt[j].value)-1;
}
}
}
}
</script>
用了table,比较好定位