首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >TypeScript (JS) -从onchange函数获取更改的值

TypeScript (JS) -从onchange函数获取更改的值
EN

Stack Overflow用户
提问于 2015-06-22 21:32:03
回答 1查看 5.1K关注 0票数 0

我要做的是在HTMLInputElement上触发onchange事件后获取新值。我知道我可以通过使用element.value来实现这一点,但是从大的角度来看,这是行不通的。请参考下面的代码:

代码语言:javascript
复制
//This Works:
     elem.onchange = (ev: Event) => {
                    var newValue = (<HTMLInputElement>ev.srcElement).value; 
                    alert("Old: " + this._data[key] + ", New: " + newValue);
}

//Is there anyway I can get it to work like below? Currently I keep getting old values as new and old.
     elem.onchange = (ev: Event) => {
                    var attName = "checked"; //or "value"  for example
                    var newValue = ev.srcElement.getAttribute(attName); 
                    alert("Old: " + this._data[key] + ", New: " + newValue);
}
EN

回答 1

Stack Overflow用户

发布于 2015-06-22 22:23:35

您不能使用getAttribute("checked")来判断是否选中了某个复选框。您需要使用checked属性:

代码语言:javascript
复制
elem.onchange = function (ev) {
    var element = <HTMLInputElement>ev.srcElement,
        newValue: string | boolean;

    if (element.type === "checkbox") {
        newValue = element.checked;
    }
    else {
        newValue = element.value;
    }

    alert("Old: " + this._data[key] + ", New: " + newValue);
};
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/30981291

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档