如何在单选按钮上调用Javascript函数而不是单击焦点

Sha*_*thi 5 html javascript onclick

我有一个表格,每一行都包含一个单选按钮。我onclick在这样的单选按钮上调用JavaScript函数事件

<input type="radio" id="rdbSelect" name="Select" onclick="MyFunction()" />
Run Code Online (Sandbox Code Playgroud)

但是当我按Down/Up键盘上的箭头时,焦点Next/Previous再次转到单选按钮功能调用。

我希望仅在用鼠标单击单选按钮时(而不是在焦点上)调用该函数。

这是我的代码

的HTML

<div style="width:400px">
    <table class="style1" id="Table1">
        <tr>
            <td>
                <input type="text" id="text1" />
            </td>
            <td>
                <input type="text" id="text2" />
            </td>
            <td>
                <input type="radio" id="rdbSelect" name="Select" onclick="Test()" />
            </td>
        </tr>
    </table>
</div>
Run Code Online (Sandbox Code Playgroud)

和JavaScript

function CreateGrid() {
    var Grid = document.getElementById('Table1')
    for (var i = 1; i < 6; i++) {
        var newrow = Grid.rows[Grid.rows.length - 1].cloneNode(true);
        newrow.cells[0].innerText;
        newrow.cells[1].children[0].value = '';
        newrow.cells[2].children[0].value = '';
        Grid.getElementsByTagName('tbody')[0].appendChild(newrow);
    }
}

function Test() {
    alert("Hello");
}
Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激。

muk*_*gid 4

你试试这个

 <input type="radio" name="rd1" id="red" onchange="myFunction()">select
Run Code Online (Sandbox Code Playgroud)

例如:-

<html>
<body>
<input type="radio" name="rd1" id="red" onchange="myFunction()">select<br>
<script>

function myFunction() {
alert("radio selected");
}

 </script>

</body>
</html>
Run Code Online (Sandbox Code Playgroud)