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

最新推荐文章于 2018-08-09 12:23:59 发布

iteye_20151

最新推荐文章于 2018-08-09 12:23:59 发布

阅读量351

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript 文章标签： java

本文链接：https://blog.youkuaiyun.com/iteye_20151/article/details/82551544

javaScript 专栏收录该内容

23 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >


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