我正在使用jquery禁用实体化css中的一个按钮。根据这里的文档,禁用按钮的方法是简单地添加一个名为"disabled"的类。我认为简单地添加"disabled’"类,按钮就会自动禁用,但事实并非如此。这是我的代码:
html:
<button id='submit-btn' class="btn waves-effect waves-light submit red" type="button" name="action">
jquery:
$('#submit-btn').off().on('click', function(){
$('#submit-btn').addClass('disabled');
});
试试这个
$('#submit-btn').removeClass("waves-effect waves-light submit").addClass('disabled');
工作演示
$(document).ready(function() {
$('#submit-btn').on('click', function() {
$(this).removeClass("waves-effect waves-light submit").addClass('disabled');
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.97.5/css/materialize.min.css" rel="stylesheet" />
<button id='submit-btn' class="btn waves-effect waves-light submit red" type="button" name="action">
怎么样
$('#submit-btn').prop('disabled', true).addClass('disabled');
使用javascript禁用按钮。
eleme.classList.add('disabled');
使用javascript启用按钮。
elem.classList.remove('disabled');
例如:
let btn = document.getElementById('submit-btn');
btn.classList.add('disabled'); //This will disable the button
要禁用按钮,可以使用
$("#submit-btn").attr("disabled", "true");
创建一个包含按钮的变量(比如submitBtn),然后添加一个事件侦听器(比如在DOMContentLoaded上),然后使用submitBtn.disabled=true禁用按钮;