如何得到点击元属的id和index?

f2k 2002-05-29 10:03:34
我创建了一组name和id相同的checkbox，用event.srcElement.id可以
知道点击元素的id，但是如何取得index，来确定点击的具体checkbox?
...全文
50 16 打赏 收藏 转发到动态 举报
写回复
用AI写文章
16 条回复
切换为时间正序
请发表友善的回复…
发表回复
seabell 2002-05-29
  • 打赏
  • 举报
 回复
qiushuiwuhen(秋水无恨)考虑周全！：）
qiushuiwuhen 2002-05-29
  • 打赏
  • 举报
 回复
修正百合心,避免重复value
<script>
function test()
{
for(i=0;i<document.all[event.srcElement.id].length;i++)
if(document.all[event.srcElement.id][i]==event.srcElement)
alert("是第"+(i+1)+"个"+event.srcElement.id);
}
</script>
<input type=checkbox name=mycheck id=mycheck value=12 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=22 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=22 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=42 onclick=test()>
f2k 2002-05-29
  • 打赏
  • 举报
 回复
百合心兄的办法不错，虽然比较土，不过很有效，因为
我的checkbox恰好value值都是唯一的。
f2k 2002-05-29
  • 打赏
  • 举报
 回复
秋水兄的方法不错，但是我的网页结构比较复杂，不知道怎么加span。
页面如下：
<html>
<head>
<SCRIPT LANGUAGE=javascript>
<!--
function checkvalue()
{
strName=event.srcElement.id;
strId=event.srcElement.sourceIndex
alert(strId);
for(i=0;i<document.all(strName).length;i++)
{
}
}
//-->
</SCRIPT>
</head>

<body bgcolor="#FFFFFF" text="#000000" onkeydown="if(event.keyCode==13)event.keyCode=9">
<form name="form1" method="post" action="save.asp" class="text" onsubmit="return datacheck()">
<table width="500" align="center" class="text" cellpadding="2" cellspacing="1" bordercolor="#999999" border="1">
<tr bordercolor="#999999" bgcolor="#E0CFB0">
<td width="45">
<div align="center">A</div>
</td>
<td width="45">
<div align="center">B</div>
</td>
</tr>
<tr bordercolor="#999999">
<td width="45">
<div align="center">
<input type="checkbox" name="dis" id="dis" value="1" onClick="checkvalue()">
</div>
</td>
<td width="45">
<div align="center">
<input type="checkbox" name="bln" id="bln" value="1" onClick="checkvalue()">
</div>
</td>
</tr>
<tr bordercolor="#999999">
<td width="45">
<div align="center">
<input type="checkbox" name="dis" id="dis" value="2" onClick="checkvalue()">
</div>
</td>
<td width="45">
<div align="center">
<input type="checkbox" name="bln" id="bln" value="2" onClick="checkvalue()">
</div>
</td>
</tr>
<tr bordercolor="#999999">
<td width="45">
<div align="center">
<input type="checkbox" name="dis" id="dis" value="21" onClick="checkvalue()">
</div>
</td>
<td width="45">
<div align="center">
<input type="checkbox" name="bln" id="bln" value="21" onClick="checkvalue()">
</div>
</td>
</tr>
<tr bordercolor="#999999">
<td width="45">
<div align="center">
<input type="checkbox" name="dis" id="dis" value="22" onClick="checkvalue()">
</div>
</td>
<td width="45">
<div align="center">
<input type="checkbox" name="bln" id="bln" value="22" onClick="checkvalue()">
</div>
</td>
</tr>
<tr bordercolor="#999999">
<td width="45">
<div align="center">
<input type="checkbox" name="dis" id="dis" value="3" onClick="checkvalue()">
</div>
</td>
<td width="45">
<div align="center">
<input type="checkbox" name="bln" id="bln" value="3" onClick="checkvalue()">
</div>
</td>
</tr>
</table>
</form>
</body>
</html>
seabell 2002-05-29
  • 打赏
  • 举报
 回复
这个方法看看如何
<script>
function test()
{
for(i=0;i<document.all[event.srcElement.id].length;i++)
if(document.all[event.srcElement.id][i].value==event.srcElement.value)
alert("是第"+(i+1)+"个"+event.srcElement.id);
}
</script>
<input type=checkbox name=mycheck id=mycheck value=12 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=22 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=32 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=42 onclick=test()>
qiushuiwuhen 2002-05-29
  • 打赏
  • 举报
 回复
如果不是是顶级tag,可以直接用

<script>
function test(){
var e=window.event.srcElement
alert(e.sourceIndex+":"+qswh.all(e.sourceIndex-e.parentElement.sourceIndex-1).value);
}
</script>
<span id=qswh name=qswh>
<input type=checkbox name=mycheck id=mycheck value=1 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=2 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=3 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=4 onclick=test()>
</span>
qiushuiwuhen 2002-05-29
  • 打赏
  • 举报
 回复
如果是顶级tag,可以直接用

<script>
function test(){
var e=window.event.srcElement
alert(e.sourceIndex+":"+document.all(e.sourceIndex).value);
}
</script>
<span>
<input type=checkbox name=mycheck id=mycheck value=1 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=2 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=3 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=4 onclick=test()>
</span>
qiushuiwuhen 2002-05-29
  • 打赏
  • 举报
 回复
套一个span
<script>
function test()
{
var e=window.event.srcElement
alert(e.sourceIndex-e.parentElement.sourceIndex);
alert(e.id);
alert(e.value);
}
</script>
<span>
<input type=checkbox name=mycheck id=mycheck value=1 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=2 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=3 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=4 onclick=test()>
</span>
f2k 2002-05-29
  • 打赏
  • 举报
 回复
value中我需要放入别的东西，不能保存序号。
我尝试过，sourceIndex得到的id是5，6，7，8；
在我的程序里面sourceindex得到的是27,38......，
实际上的应该是check(1),check(2)......
f2k 2002-05-29
  • 打赏
  • 举报
 回复
可是我还需要知道它是这组元素中的第几个。
seabell 2002-05-29
  • 打赏
  • 举报
 回复
<script>
function test()
{
alert(event.srcElement.sourceIndex);
alert(event.srcElement.id);
alert(event.srcElement.value);
}
</script>
<input type=checkbox name=mycheck id=mycheck value=1 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=2 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=3 onclick=test()>
<input type=checkbox name=mycheck id=mycheck value=4 onclick=test()>
f2k 2002-05-29
  • 打赏
  • 举报
 回复
可是我还希望知道它是这组元素中的第几个，有什么办法吗？
tncboy 2002-05-29
  • 打赏
  • 举报
 回复
用它event.srcElement 不就行了？
f2k 2002-05-29
  • 打赏
  • 举报
 回复
我想用document.all(event.srcElement.id,event.srcElement.sourceIndex)取得相应的元素，但是好像不正确。
qiushuiwuhen 2002-05-29
  • 打赏
  • 举报
 回复
event.srcElement.sourceIndex
f2k 2002-05-29
  • 打赏
  • 举报
 回复
多谢百合兄，秋水兄。
QQ新功能，申请专属QQ号，申请QID教程
小伙伴们都知道 ID 是唯一的，QID 就是 QQ 唯一身份号码（也可以看做是另一个QQ号码），设置之后 QQ 号会和这个唯一 QID 绑定，以后大家可以直接搜索这个 QID 来找你。 所以腾讯放出这个功能后，众多的网友蜂拥开始...
Ant Design Pro ----- Table组件每行操作按钮获取本行id或内容
参考：https://segmentfault.com/q/1010000012928771/ const columns = [ { title: 'Action', key: 'action', render: (text, record) => ( <span> <a href="#">Action 一 {record.name...
TowardsDataScience 博客中文翻译 2019（二百四十八）
这是一种总结、可视化和熟悉数据集重要特征的技术。EDA 对于最大化洞察力、揭示底层结构、提取重要变量、检测异常值和异常值以及测试无意识/无意的假设非常有用。虽然这个过程可能有点乏味，人们不会简单地，【插入...
黑盒乱锤某专属SRC到0day代码分析
从整体过程来看，其实并没有使用什么高深的技术，更多是基于常规的 top 漏洞进行分析和挖掘。然而，这样的基础方法依然能带来一些突破，但在当前愈发内卷的环境下，仅仅依靠常规漏洞和传统思维，显然难以脱颖而出，...
网易互联网&雷火&互娱22届校招及社招内推
一、网易互联网 ...给你分享我的专属内推邀请函：https://bole.campus.163.com/#/app/index?projectId=39&type=7&boleId=1d72cf890ea49993&boleType=2&signature=950cf6af6f78e1fe102acd1a4
JavaScript

87,994

社区成员

224,689

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章