选中复选框后按钮可用，不选中不可用

最新推荐文章于 2020-11-02 17:44:17 发布

原创最新推荐文章于 2020-11-02 17:44:17 发布 · 361 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java

javaScript 专栏收录该内容

23 篇文章

订阅专栏

本文介绍了一个简单的JavaScript函数，该函数用于控制表单提交按钮的状态。当用户勾选同意选项时，提交按钮变为可用状态；反之，则禁用提交按钮。通过jQuery实现元素属性的更改，包括按钮的启用/禁用及样式变化。


<input type="checkbox" name="agree" id="agree" onchange="agree_change()" style="margin: 0px;">

<input id="toubiao_submit" onclick="kk()" disabled="disabled" type="button" class="toubiao_btn_disable" value="" title="提交"/>

function agree_change(){
  		if($("#agree").attr("checked")=="checked"){
  			$("#agree").attr("checked",false)
  			$("#toubiao_submit").attr("disabled",true);
  			$("#toubiao_submit").removeClass("toubiao_btn_able");
  			$("#toubiao_submit").addClass("toubiao_btn_disable");
  		} else {
  			$("#agree").attr("checked","checked")
  			$("#toubiao_submit").attr("disabled",false);
  			$("#toubiao_submit").removeClass("toubiao_btn_disable");
  			$("#toubiao_submit").addClass("toubiao_btn_able");
  		}
	}