单选按钮不能触发onclick事件问题

Question

代码如上，主要是问题是点击了选项按钮，触发事件不能进入js的if方法..请教各位达人~

Answer 1

命名混乱，FORM与RADIO同名了，改变一下就可以了。

Answer 2

    function displayTr(){
        alert('a');
        if(document.getElementsByName("_id0:rad1")[0].checked == true ){
            alert('b');
}
    }
</script><form id="_id0" method="post" action="/COMS/pages/test.faces" enctype="application/x-www-form-urlencoded">
    <table  style="border-collapse: collapse">
        <tr>
            <td>
                <label><input type="radio" name="_id0:rad1"  onclick="displayTr();"> &#26159;</label>
            </td>
            <td>
                <label><input type="radio" name="_id0:rad1"  onclick="displayTr();"> &#21542;</label>
            </td>
        </tr>
    </table>    
</form>
现在可以了 测试过了的

Answer 3

  为什么radio的name="_id0:rad1"，我用document.getElementsByName('_id0:rad1')[0]无法获取？
  虽然table的id="_id0:rad1"，但应该用document.getElementsById('_id0:rad1'),才能获得，应该相互不影响才对哈？
  有个疑问：可不可以先通过document获得这个table，在获得table包含的radio，这样不晓得行不行，js怎么才能逐级获得语句怎么写？
===================================================================================================================
发帖时掉了，谢谢~~===================================================================================================================
我这个是应为使用jsf标签自动生成的一段点吗，这个标签的命名规则是很奇怪的，他生成的单选项代码自动生成一个包含了table,并且table的id和radio的name相同，为了保持动态代码，所以保留他的这种奇怪的table和radio的命名方式。

Answer 4

重新粘贴一下本段代码，已经吧js掉了}补全了~
代码：<script type="text/javascript">
    function displayTr(){
        alert('a');
        if(document.getElementsByName('_id0:rad1')[0].checked == true ){
            alert('b');
        }
    }
</script><form id="_id0" method="post" action="/COMS/pages/test.faces" enctype="application/x-www-form-urlencoded">
    <table id="_id0:rad1" style="border-collapse: collapse">
        <tr>
            <td>
                <label><input type="radio" name="_id0:rad1" value="0" onclick="displayTr();"> &#26159;</input></label>
            </td>
            <td>
                <label><input type="radio" name="_id0:rad1" value="1" onclick="displayTr();"> &#21542;</input></label>
            </td>
        </tr>
    </table>    
</form>

Answer 5

getElementsByName Method [Res]
When you use the getElementsByName method, all elements in the document that have the specified NAME or ID attribute value are returned.
Elements that support both the NAME and the ID attribute are included in the collection returned by the getElementsByName method, but not elements with a NAME?A HREF="../properties/expando.html">expando.

Answer 6

你要是在.aspx文件里写的话，你这样是不行的，应该是这样：
<script type="text/javascript">
    function displayTr(){
        alert('a');
        if(document.getElementsByName('_id0:rad1')[0].checked == “checked ”){
            alert('b');
    }
</script>

Answer 7

document.getElementsByName('_id0:rad1')获取所有name为_id0:rad1的控件对象。
所以document.getElementsByName('_id0:rad1')[0]指table对象，
document.getElementsByName('_id0:rad1')[1]指第一个radio
document.getElementsByName('_id0:rad1')[2]指第二个radiofunction displayTr(){
       var arrRadios = document.getElementsByName('_id0:rad1');
       for (var i=0;i<arrRadios.length;i++) {
            if (arrRadios[i].type=='radio' &&  arrRadios[i].checked) {
              alert(arrRadions[i].value);
            }
       }

Answer 8

在html中同名的  就可以是数组.  通过index取.(在html中一般不在有同名的ID) 不能html的规范

Answer 9

正解，
你用一下：alert(document.getElementsByName('_id0:rad1')[0].innerHTML);
就知道了，可以使用getElementsByTagName或者使用9楼的办法

Answer 10

用以下代码测试:
<script type="text/javascript">
function displayTr(){
alert('a');
if(document.getElementsByName('_id0:rad1')[1].checked == true ){
alert('b');
}
}
</script>

Answer 11

这应该是lj ie的问题。
ie 下getElementsByName会把 id，name 属性一样的都取到
ff下就不会。lz的代码在ff（3.09）下是正常的。