永发信息网

jquery按钮失效问题

答案:1  悬赏:50  手机版
解决时间 2021-01-04 02:21
  • 提问者网友:温柔港
  • 2021-01-03 21:25
<input id=btn1 type=submit value=1><input id=btn2 type=submit value=2>
现在的想要的效果是:点击按钮1,按钮1失效,2不变,点击2,2失效,1恢复
假设还有更多这样的按钮,怎么写
如何实现,给点思路,谢谢
最佳答案
  • 五星知识达人网友:忘川信使
  • 2021-01-03 22:00
参考下<br>&lt;div class=&quot;btns&quot;&gt;<br>内 &lt;input id='btn1' type='button' value='1' /&gt;<br> &lt;input id='btn2' type='button' value='2' /&gt;<br> &lt;input id='btn3' type='button' value='3' /&gt;<br> &lt;input id='btn4' type='button' value='4' /&gt;<br> &lt;input id='btn5' type='button' value='5' /&gt;<br> &lt;/div&gt;<br><br>$(function(){<br> var $btn = $('.btns').find('input[type=button]');<br> $btn.each(function(i){<br> $(this).click(function(){ //执行相关函数容<br> alert('我是第'+i+'个按钮');<br> $(this).attr('disabled',true).siblings().attr('disabled',false);<br> })<br> })<br> })
我要举报
如以上回答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
点此我要举报以上问答信息
大家都在看
推荐资讯