我有按钮(以后有很多)和表格。我想要的是,在提交页面后,该调用表单变得不可用。

javascript - 提交后禁用上传页面-LMLPHP

但是提交页面后就上传了。如何避免这种情况?

   <script type="text/javascript">
          $(function()   {

              var btn =  $('#btn1');
              var form = $('#myform');
              var formbtn =   $('#submit');

               btn.on ('mouseup', function(){
                     form.toggle(200);


           });

           formbtn.on('mouseup', function(){
              btn.html('bought!');
               btn.attr('disable', true);
              return false;
           });


        });


 <div id = "myform">

        <form id = "my">
        <div class="form-group">
    <label for="exampleInputEmail1">Name</label>
    <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Email">
  </div>
  <div class="form-group">
    <label for="exampleInputPassword1">Phone</label>
    <input type="password" class="form-control" id="exampleInputPassword1" placeholder="Password">
  </div>


  <button id="submit"  class="btn btn-default">Submit</button>
</form>

    </div>


而未来如何从多个按钮中选择禁用按钮,将是某个数组呢?

最佳答案

要回答问题的第一部分,您将需要更改

btn.attr('disable', true);




btn.attr('disabled', 'disabled');


对于问题的第二部分,如果我理解正确,则可以对多个按钮使用类或元素选择器

$('button')
$('.buttonClass')


要添加,取决于jQuery的版本,对于1.6+,可能要使用.prop而不是.attr。

有关更多信息,请参见此答案-https://stackoverflow.com/a/6048113/1927071

10-05 20:47
查看更多