首页 > 代码库 > 多选按钮选中进行下一步
多选按钮选中进行下一步
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
.center
{ height: 10%;
width:10% ;
margin: 0px auto;
}
</style>
</head>
<body>
<div class="center">
是否同意服务协议<br />
<input type="checkbox" id="check" onclick="a(this)"/>
<label for="check">同意</label><br /><br />
<input type="submit" value=http://www.mamicode.com/"提交" id="sub" disabled="disahled"/>
</div>
</body>
</html>
<script>
function a(obj){
var sub1=document.getElementById("sub");
if(obj.checked){
sub1.disabled=false;
}else{
// alert(‘需要同意服务协议‘);
sub1.disabled=true;
}
}
</script>
以上实现的是选中多选按钮可进行下一步（自己的版本)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<input type="checkbox" id="ckb" onclick="check()" />
<input type="button" disabled="disabled" value=http://www.mamicode.com/"下一步" id="btn" />
</body>
</html>
<script>
function check() {
var ckb = document.getElementById(‘ckb‘);
if(ckb.checked) {
document.getElementById(‘btn‘).removeAttribute(‘disabled‘);
}
else {
document.getElementById(‘btn‘).setAttribute(‘disabled‘,‘disabled‘);
}
}
</script>
以上为老师的版本，相较更为简单
多选按钮选中进行下一步
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。