关于disabled

2017-10-18  本文已影响0人  ZZY丶

3.test4.test今天需要个自己画一个九宫格的键盘,而且要做一个输入金额的功能,需要Button标签有一个判断 为0时不能提交,为空时不能提交,所以需要用到disabled,所以记录一下

HTML:<button type = 'button'>测试</button>

JS:var btn=document.querySelector('button');   //首先要拿到button

禁用表单元素有以下几种方法:

1.btn.disabled=true;

2.btn.disabled='disabled';

3.btn.setAttribute('disabled',true);

4.btn.setAttribute('disabled','disabled')

如果要重新激活这个按钮的话,有以下几种方法:

1.btn.disabled=false;

2.btn.disabled="";

3.btn.removeAttribute('disabled');

所以正规的写法是:

1.btn.disabled=true;

   btn.disabled=false;

2.btn.setAttribute('disabled','disabled');  

   btn.removeAttribute('disabled');

个人用的第一种

判断是否为0

如果要使用 

3.btn.setAttribute('disabled',true); 

 4.btn.setAttribute('disabled','disabled') 

这两种的话,我们需要把标签

3.<button type = 'button' disabled = 'true'>测试</button> 

4.<button type = 'button' disabled = 'disabled'>测试</button>

写成这样

上一篇下一篇

猜你喜欢

热点阅读