ラジオボタン 'undefined'の値

Question

私は問題があります - なぜこのコードは機能していませんか？

<input type="radio" name="one" value="xxx" onclick="test()"/> 
//below in the same file 
<script> 
    function test() 
    { 
     if (this.value=="xxx") 
     { 
      alert('ok'); 
     } 
    }    
    </script> 

ラジオボタンをクリックしてもアラートはありません。ラジオボタンの値を表示しようとしましたが、 'xxx'ではなく 'undefined'と表示されています - なぜですか？

歓声

Answer 1

<input type="radio" name="one" value="xxx" onclick="test(this)"/> 
<script> 
    function test(radioItem) 
    { 
     if (radioItem.value=="xxx") 
     { 
      alert('ok'); 
     } 
    }    
    </script> 

Answer 2

入力がクリックされたときに関数が呼び出されますが、関数は、入力にバインドされていない、それが呼び出されたときにそうにバインドされた要素がないので、それは未定義表示されますクリックすると、クリックがトリガーされますが、thisは未定義です。

<input id="testDiv" type="radio" name="one" value="xxx" /> 
 

 
<script> 
 
    document.getElementById('testDiv').onclick = function() { 
 
    if (this.value == "xxx") { 
 
     alert('ok'); 
 
     alert(this.value); 
 
    } 
 
    } 
 
</script>