使用按钮'通过JavaScript模拟按钮点击;s值,而不是其id
Simulate a button click via JavaScript using a button's value, not its id?
我想使用按钮的值而不是id通过JavaScript模拟按钮点击。
这是使用按钮id 的代码
<input type="checkbox" onClick="document.getElementById('theSubmitButton').click();">Check the box to simulate a button click
<br>
<input type="button" name="theSubmitButton" id="theSubmitButton" value="Button" onClick="alert('The button was clicked.');">
我尝试过getElementByValue("按钮"(,但没有成功。
以下是我使用jQuery:的方法
http://jsfiddle.net/skilldrick/R27rQ/1/
$('input[type=checkbox]').click(function () {
$('input[value=Button]').click();
});
但正如Senad所说,身份证更适合这类事情。
<script type="text/javascript">
function getButtonByValue(value) {
var els = document.getElementsByTagName('input');
for (var i = 0, length = els.length; i < length; i++) {
var el = els[i];
if (el.type.toLowerCase() == 'button' && el.value.toLowerCase() == value.toLowerCase()) {
return el;
break;
}
}
}
</script>
<input type="checkbox" onClick="getButtonByValue('Button').click();">Check the box to simulate a button click
<br>
<input type="button" name="theSubmitButton" id="theSubmitButton" value="Button" onClick="alert('The button was clicked.');">
jsfiddle示例
function clickButton(val)
{
var buttons = document.getElementsByTagName('input');
for(var i = 0; i < buttons.length; i++)
{
if(buttons[i].type == 'button' && buttons[i].value == val)
{
buttons[i].click();
break; //this will exit for loop, but if you want to click every button with the value button then comment this line
}
}
}
这就是解决方案。。。
HTML
<input type="checkbox" onClick="clickButton('Button');">Check the box to simulate a button click
但最好通过ID 来查找元素
相关文章:
- JavaScript-onClick将按钮ID或单击按钮的文本传递给函数
- 在 PHP 生成的表中添加和访问按钮 ID
- 如何使用jquery将多个按钮ID复制到剪贴板
- Jquery Ajax表单提交:多个表单-相同的按钮id's
- 通过将按钮id从Code-behind传递给Jquery Function,Set buttons display no
- Js:将按钮 ID 传递到同一页面
- 根据单选按钮id属性调用ajax jquery
- 按钮更改由按钮id输入的表单文本区域
- 如何获取上次选择的单选按钮 ID
- PHP 循环使用按钮 ID 的表单
- 按钮 ID 返回空白
- ASP 按钮 ID 在 JavaScript 中找不到“findbyelementID”
- 单击时获取按钮 ID 并将其应用于使用 javascript 的函数
- 跟踪按钮 ID 和单击按钮事件
- 设置 jQuery UI 对话框按钮 ID
- 如何在jquery中对多个按钮ID使用单击事件
- JavaScript”;示例“;切换以比较HTML按钮id's
- 如何获取jquery和模态窗口的按钮ID
- 不同按钮ID之间的相同逻辑
- 打开新选项卡函数对按钮 ID 不起作用