jquery判断checkbox是否选中,选中即可点击button否则不可点
2017-10-23 09:30
351 查看
需求: 如图,协议前的checkbox打钩才能点同意并注册按钮,否则为灰色不可点
html:
<input type="checkbox" name="agree" id="agree" class="checkbox">已阅读并同意“用户服务协议”
<input type="submit" value="同意并注册" class="btn">
css:
.change{background: #ccc;cursor: auto}
Jquery:
<script type="text/javascript">
$(document).ready(function(){
$('input.btn').addClass('change');
$('input.btn').attr('disabled','disabled');
$('#agree').click(function(){
if($("input[type='checkbox']").is(':checked')){
$('input.btn').removeClass('change');
$('input.btn').removeAttr('disabled','disabled');
}else{
$('input.btn').addClass('change');
$('input.btn').attr('disabled','disabled');
}
});
});
</script>
一个每天吃超过十块钱盖饭都要思索半天
却始终心系宇宙从哪来到哪去的普普通程序员
2017.10.23
html:
<input type="checkbox" name="agree" id="agree" class="checkbox">已阅读并同意“用户服务协议”
<input type="submit" value="同意并注册" class="btn">
css:
.change{background: #ccc;cursor: auto}
Jquery:
<script type="text/javascript">
$(document).ready(function(){
$('input.btn').addClass('change');
$('input.btn').attr('disabled','disabled');
$('#agree').click(function(){
if($("input[type='checkbox']").is(':checked')){
$('input.btn').removeClass('change');
$('input.btn').removeAttr('disabled','disabled');
}else{
$('input.btn').addClass('change');
$('input.btn').attr('disabled','disabled');
}
});
});
</script>
一个每天吃超过十块钱盖饭都要思索半天
却始终心系宇宙从哪来到哪去的普普通程序员
2017.10.23
相关文章推荐
- jquery 判断checkbox 是否选中
- jQuery判断checkbox是否选中的3种方法
- Jquery 判断radio,selelct,checkbox是否选中
- Jquery判断radio,selelct,checkbox是否选中及选中的值
- jQuery判断checkbox是否选中的小例子
- jquery判断checkbox是否选中
- jquery如何获取checkbox,并判断是否选中
- jquery 判断一组checkbox是否被选中
- jquery判断checkbox是否选中及改变checkbox状态
- jQuery判断checkbox是否选中的4种方法
- JQuery判断checkbox是否选中-批量
- jQuery判断checkbox是否选中的小例子
- Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值
- jquery获取所有选中的checkbox,判断CheckBox是否选中
- jquery判断checkbox是否选中及改变checkbox状态
- jquery改变checkbox状态及判断checkbox是否选中
- 【转】Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值
- jQuery判断复选框checkbox是否选中
- jquery checkbox,radio是否选中的判断代码
- Jquery实际应用,判断radio,selelct,checkbox是否选中及选中的值,jquery如果获取多个重复name的input的值