首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >从onclick/onchange事件获取HTML复选框值

从onclick/onchange事件获取HTML复选框值
EN

Stack Overflow用户
提问于 2010-12-17 22:27:57
回答 3查看 682.8K关注 0票数 245
代码语言:javascript
复制
<input type="checkbox" onclick="onClickHandler()" onchange="onChangeHandler()" />

onClickHandler和/或onChangeHandler中,如何确定复选框的新状态?

EN

回答 3

Stack Overflow用户

发布于 2019-06-17 21:26:26

对于React.js,您可以使用更具可读性的代码来实现这一点。希望能有所帮助。

代码语言:javascript
复制
handleCheckboxChange(e) {
  console.log('value of checkbox : ', e.target.checked);
}
render() {
  return <input type="checkbox" onChange={this.handleCheckboxChange.bind(this)} />
}
票数 26
EN

Stack Overflow用户

发布于 2017-03-08 00:06:27

使用这个

代码语言:javascript
复制
<input type="checkbox" onclick="onClickHandler()" id="box" />

<script>
function onClickHandler(){
    var chk=document.getElementById("box").value;

    //use this value

}
</script>
票数 11
EN

Stack Overflow用户

发布于 2021-12-29 06:55:55

代码语言:javascript
复制
use onclick event on all checkboxes that you want to get their values whether they are checked or not.

<input type="checkbox" value="rightSideCheckbox" onclick='handleClick(this);'>

function handleClick(checkbox) {
    if(checkbox.checked){
        console.log(checkbox.value+"True")
    }
    else{
        console.log(checkbox.value+"False")
    }
}
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/4471401

复制
相关文章

相似问题

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