选种一个控件时,得到对应的<label for>的内容-优快云博客

本文介绍了一个包含多种表单操作选项（如核对、审批等）的HTML表单，并展示了如何通过JavaScript为这些操作添加点击事件以实现特定功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<body>
<table id="rdbAuditAction" border="0">
        <tr>
                <td><input id="rdbAuditAction_0" type="radio" name="rdbAuditAction" value="1" /><label for="rdbAuditAction_0">核对</label></td>
        </tr><tr>
                <td><input id="rdbAuditAction_1" type="radio" name="rdbAuditAction" value="2" /><label for="rdbAuditAction_1">审批</label></td>
        </tr><tr>
                <td><input id="rdbAuditAction_2" type="radio" name="rdbAuditAction" value="3" /><label for="rdbAuditAction_2">阅读</label></td>
        </tr><tr>
                <td><input id="rdbAuditAction_3" type="radio" name="rdbAuditAction" value="4" /><label for="rdbAuditAction_3">打印</label></td>
        </tr><tr>
                <td><input id="rdbAuditAction_4" type="radio" name="rdbAuditAction" value="5" /><label for="rdbAuditAction_4">会签</label></td>
        </tr><tr>
                <td><input id="rdbAuditAction_5" type="radio" name="rdbAuditAction" value="6" /><label for="rdbAuditAction_5">分发</label></td>
        </tr>
</table>
<script language="JavaScript">
var inp = document.getElementsByName('rdbAuditAction');
for(var i = 0; i < inp.length; i++){
if(inp[i].tagName == 'INPUT'){
  inp[i].onclick = function(){
   alert(this.nextSibling.innerHTML);
  }
}
}
</script>
<body>

nextSibling 属性可返回某个元素之后紧跟的元素（处于同一树层级中）。