[英]checkbox on checked state changes header text
<input type="checkbox" id="chk">
<label for="chk"></label>
<h1 id="header">Lorem ipsum</h1>
var chk = document.querySelector('#chk');
var header = document.querySelector('#header');
if(chk.checked)
header.innerHTML = "state 1";
else
header.innerHTML = "Lorem ipsum";
So. 所以。 when checkbox is checked text in changes to "state 1" when unchecked(default state) text returns to "state 2". 当复选框被选中时,文本将变为“状态1”;当未选中(默认状态)时,文本将返回“状态2”。 This code isnt working what i want 此代码无法正常工作
Hi Bro! 嗨,兄弟!
<input type="checkbox" id="chk"> <label for="chk"></> <h1 id="header">Lorem ipsum</h1>
` `
var chk = document.querySelector('#chk');
var header = document.querySelector('#header');
chk.addEventListener('change', function (e) {
if(chk.checked)
header.innerHTML = "state 1";
else
header.innerHTML = "state 2";
});
` `
Here's a simple solution. 这是一个简单的解决方案。 Hope it helps! 希望能帮助到你!
function myFunction(mycheckbox, label) { document.getElementById(label).innerHTML = mycheckbox.checked ? "state 1" : "state 2"; }
<input type="checkbox" onclick="myFunction(this, 'header');" /> <label for="chk" id="header">Lorem ipsum</label>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.