十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
、js中设置按钮可点击与不可点击,默认是可点击的
为象山等地区用户提供了全套网页设计制作服务,及象山网站建设行业解决方案。主营业务为成都网站制作、网站设计、外贸网站建设、象山网站设计,以传统方式定制建设网站,并提供域名空间备案等一条龙服务,秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求,就会得到认可,从而选择与我们长期合作。这样,我们也可以走得更远!
(1)设置按钮不可点击
document.getElementById("bt1").disabled=ture;
(2)设置按钮可点击
document.getElementById("bt1").disabled=false;
2、jq中设置按钮可点击与不可点击,默认是可点击的
(1)设置按钮不可点击
$("#bt1").attr("disabled",ture);
(1)设置按钮可点击
$("#bt1").attr("disabled",false);
3、标签中设置按钮不可点击
在标签中添加属性disabled="true"。
先来看看效果图
实例代码
!DOCTYPE html html head meta charset="UTF-8" title/title style #box { margin: 100px auto; width: 200px; height: 150px; line-height: 150px; letter-spacing: 10px; text-align: center; font-size: 30px; font-weight: bolder; border: 2px solid palegreen; word-wrap: break-word; border-radius: 5px;; position: relative; } #btn{ position: absolute; left:50%; top:280px; } /style /head body div id="box" span1/span span2/span span3/span span4/span /div input type="button" id="btn" value="我变了哟!"/ script //提取标签 var box=document.getElementById("box"); var span=document.getElementsByTagName("span"); var btn=document.getElementById("btn"); var color=""; var str="0123456789abcdef"; btn.onclick=function(){ for(var i=0;ispan.length;i++){//生成四位数 for(var j=0;j6;j++){//随机改变每个数字的颜色 color+=str.substr(parseInt(Math.random()*str.length),1);//取颜色(循环,每次提取一位,进行拼接组成6为颜色的值) } span[i].innerHTML=parseInt(Math.random()*10);//生成随机数 span[i].style.color=("#"+color);//随机改变每个span的颜色 color=""; } } /script /body /html
以上就是这篇文章的全部内容,实现代码很简单,希望对大家能有一定的帮助,如果有问题可以留言交流,小编会尽快给大家回复的。
先定义一个状态变量state,再给按钮绑定点击事件onclick,函数里进行if判断,如果state==0就工作,然后改变值state=1;else就停止,然后改变state=0。
使用onclick()点击事件触发。
1、设计一个功能页面,HTML代码如下。
2、此时的页面展示效果如下。
3、设计功能函数,实现上图中赋值的功能。
4、给按钮绑定上述函数,点击实现。
5、在页面上点击函数,查看执行效果。
扩展资料:
onclick事件解析:
1、定义和用法:onclick 属性由元素上的鼠标点击触发。
onclick 属性不适用以下元素:base、bdo、br、head、html、iframe、meta、param、script、style 或 title。
2、语法:
element onclick="script"。
参考资料:
百度百科--onclick