HTML代码中,如何使按钮变成不可按(灰色状态),然后怎样解除这种状态?

HTML代码中,如何使按钮变成不可按(灰色状态),然后怎样解除这种状态?,第1张

<button id="myButton" disabled>111</button>

这样这个button就不可以用了

然后你要恢复就可以:

document.getElementById("myButton").disabled = false

它就又可以用了

1、<html:submit>标签中可以添加onclick;

2、onclick会在submit之前执行,会打断提交过程,这个时候<html:submit>实际上相当于一个普通按钮<html:button>,所以在执行使按钮变灰的方法后需要重新提交一次;

3、建议修改:

<html:form id="formId" action="" method="">

<html:button id="buttonId" onclick="doSubmit()"></html:button>

</html:form>

<script type="text/javascript">

function doSubmit() {

//使按钮变灰

//如果是要是按钮点击后不可用,这样写:

document.getElementById("buttonId").disabled=true

//如果只是使按钮变色,这样写:

//document.getElementById("buttonId").style.background="#666666"

//特别的需要执行提交表单

document.getElementById("formId").submit()

}

</script>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/6218187.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-03-18
下一篇 2023-03-18

发表评论

登录后才能评论

评论列表(0条)

保存