html复选框checkbox的使用, 未选中也是on的问题,原生JavaScript操作checkbox

html代码:

<input type="checkbox" id="myCheckbox">
<label for="myCheckbox">点击我</label>

JavaScript代码:

document.getElementById('myCheckbox').addEventListener('change', function() {
    if(this.checked) {
        // Checkbox 被选中时的操作
        console.log('Checkbox is checked.');
    } else {
        // Checkbox 被取消选中时的操作
        console.log('Checkbox is unchecked.');
    }
});

如果不用js来操作,在他没有value值的时候,不管怎么点,提交后都是 on 的值,

用js给他赋值一个value,他就会提交value的值了

//是否下载图片复选框事件
	MyCheckbox=document.getElementById('imgtossd');
	MyCheckbox.addEventListener('change', function() {
	 if(this.checked) {
		  // Checkbox 被选中时的操作
		  MyCheckbox.value=1
	 } else {
		  // Checkbox 被取消选中时的操作
		   MyCheckbox.value=0;
	 }
	});