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

html代码:已改成html

<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;
	 }
	});

相关推荐

javascript原生js实现html中checkbox复选框按shift多选

纯原生JavaScript代码 无需任何库整理后 可以直接拿来用的代码<input type='checkbox' name='cateid[]'> &l

html中select option原生javascript按照value值 或 按照文本 选择指定选项

function select_value(id,value){//按照option的值来选择 selectdom=document.getElementById(id); option=se

javascript操作select option 下拉组合框

1、获取选中select的value和text,html<select id="mySelect"> <option value="1"&g

原生javascript选择select的option选项 选择指定的值

JavaScript代码:function select(id,value){//select标签的id 和 要被选择的选项 obj=document.getElementById(id);opt

原生js,原生javascript写的开关按钮

<style> td,table{border:1px solid #323841;} </style> <form method="get"

原生javascript获取指定的get请求参数值

代码如下:function 取get参数值(key){ var url = location.search; str = url.match(/\\?(\\S*)/)[1]; //文本_取右边 ?

原生javascript生成随机字母 js取随机字符

JavaScript取随机字母:方式有很多 我比较喜欢这一种 其中字符列表 和 要取的个数 改起来都比较方便<script> function 取随机字母(count){

html javascript给某元素添加子元素,dom给父元素添加子元素

var drag = document.getElementById('zichuangkou'); /*取得某个元素*/ span1 = document.createElemen

javascript替换字符串 使用replace 替换字符串中的反斜杠

JavaScript普通字符串替换把c替换成astr='abcd'; console.log(str); str=str.replace"c",&quo

javascript获取cookies的指定值 php设置cookies

由于有些中文cookies会被编码 所以要加上解码前端:JavaScript获取指定cookies值函数定义:function getCookie(cookie_name) { var all