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)
任何帮助将不胜感激。
你试试这个
<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)
| 归档时间: |
|
| 查看次数: |
41363 次 |
| 最近记录: |