js怎样实现button点击它会被选中,再次点击取消选中?
答案:3 悬赏:30 手机版
解决时间 2021-11-19 07:47
- 提问者网友:斑駁影
- 2021-11-18 20:31
js怎样实现button点击它会被选中,再次点击取消选中?
最佳答案
- 五星知识达人网友:迷人又混蛋
- 2021-11-18 21:03
每次点击的时候都做个if判断,如果被选中了则让Checked=false,否则就选中;
参考如下:
var flag = true;
function chkRadio(id) {
id.checked = flag;
flag = !flag;
}
用html控件,改成服务器控件,在后台加上: RadioButton1.Attributes.Add("onclick","chkRadio(this)");
参考如下:
var flag = true;
function chkRadio(id) {
id.checked = flag;
flag = !flag;
}
用html控件,改成服务器控件,在后台加上: RadioButton1.Attributes.Add("onclick","chkRadio(this)");
全部回答
- 1楼网友:一袍清酒付
- 2021-11-18 22:42
给你个简单方法 当你点击时触发Click事件,在事件里面执行切换按钮的背景图片就OK啦
- 2楼网友:不甚了了
- 2021-11-18 21:14
button{
background:#fff;
}
button.active{
background:red;
}
btn.onclick=function(){//添加点击事件
if(btn.className.indexOf('active')){ //说明已经是选中状态
btn.className = '';//清空class。
}else{
btn.className = 'active';//否则选中它,给它添加active样式
}
}
//如果用jquery,会很方便实现
$('#btn').click(function(){//给id为btn的元素添加点击事件
$(this).toggleClass('active');//每次点击的时候,将当前的元素切换active样式
//如果有,则去掉,否则添加
});
background:#fff;
}
button.active{
background:red;
}
假设上边的css表示button的俩种状态,正常状态和选中状态
这个是按钮
btn.onclick=function(){//添加点击事件
if(btn.className.indexOf('active')){ //说明已经是选中状态
btn.className = '';//清空class。
}else{
btn.className = 'active';//否则选中它,给它添加active样式
}
}
//如果用jquery,会很方便实现
$('#btn').click(function(){//给id为btn的元素添加点击事件
$(this).toggleClass('active');//每次点击的时候,将当前的元素切换active样式
//如果有,则去掉,否则添加
});
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯