我有按钮(以后有很多)和表格。我想要的是,在提交页面后,该调用表单变得不可用。
但是提交页面后就上传了。如何避免这种情况?
<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