处理“onclick”纯JavaScript的事件 [英] Handling "onclick" event with pure JavaScript

问题描述

所以这是非常简单的，但我仍然是相当新的JavaScript，只是找到了JSFiddle。我正在尝试使用 getElementById（）找到元素以禁用和启用按钮。我错过了什么？

So this is really straight forward but I'm still fairly new to JavaScript and just found JSFiddle. I'm trying to find the element with the getElementById() to disable and enable a button. What am I missing?

<form name="frm" > 
  <div id="chkObj"> 
    <input type="checkbox" name="setChkBx" onclick="basicList.modifyAndEnableButton(this)"></input>        
</div>
<div id="Hello"> 
    <input type="button" name="btn" value="Hello"></input>        
</div>

这是我用来添加复选框的列表，因为会有多个复选框：

This is a list that I am using to add checkboxes because there is going to be more than one:

 var basicList = {
    'items': {},
    'modifyAndEnableButton': function(obj1) {
        var element = document.getElementsByName("btn");
        if (obj1.checked == true && element.getAttribute('disabled') == false) {
            element.getAttribute('disabled') = true;
            this.addRecord(obj2);
        } else if (element.getAttribute('disabled') == true) {
            if (hasItems == false) {
                element.getAttribute('disabled') = false;
            }
        } 
    }
};

http://jsfiddle.net/Arandolph0/E9zvc/3/

预先感谢您的帮助。

推荐答案

所有浏览器都支持此功能（在这里查看示例 ：

All browsers support this (see example here):

mySelectedElement.onclick = function(e){
    //your handler here
}

但是，有时你想要添加一个处理程序（而不是更改相同的处理程序），更常见的是，如果可用，你应该使用 addEventListener （IE8需要垫片 - ）

However, sometimes you want to add a handler (and not change the same one), and more generally when available you should use addEventListener (needs shim for IE8-)

mySelectedElement.addEventListener("click",function(e){
   //your handler here
},false);

以下是一个工作示例：

var button = document.getElementById("myButton");
button.addEventListener("click",function(e){
    button.disabled = "true";
},false);

和html：

<button id='myButton'>Hello</button>

（小提琴）

以下是一些有用的资源：

(fiddle)

Here are some useful resources:

• addEventListener


• DOM中的点击事件规范


• 点击示例在MDN JavaScript教程中

• addEventListener on mdn
• The click event in the DOM specification
• Click example in the MDN JavaScript tutorial

这篇关于处理“onclick”纯JavaScript的事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！