Question

我想更改按钮图标并在单击/添加对象后禁用按钮。我想用javascript来完成这个处理。

类似的东西：

- 的JavaScript -

  $('#catBut').click(function(){
  $(this).find('span')
       .toggleClass('glyphicon glyphicon-plus')
       .toggleClass('glyphicon glyphicon-ok'); 
  })

- 视图 -

@using (Html.BeginForm("Add", "VerlangLijst", new { naam = materiaal.Naam }, FormMethod.Post))
{
    <button id="catBut" type="submit" class="btn btn-default">
        <span class="glyphicon glyphicon-plus"></span>
    </button>
}

但不知怎的，它不起作用。我已将新的.js文件添加到bundleConfig。

有人可以告诉我出了什么问题吗？

感谢

Answer 1

尝试更改

$(this).find('span').toggleClass('glyphicon glyphicon-plus').toggleClass('glyphicon glyphicon-ok');

到

$(this).find('span').addClass('glyphicon-ok').removeClass('glyphicon-plus');

要禁用按钮：

$('#catBut').prop("disabled",true);

Answer 2

要禁用此按钮，请尝试以下操作：

$('#catBut').click(function(){
    $(this).find('span').toggleClass('glyphicon-plus').toggleClass('glyphicon-ok'); 
    $('#catBut').prop("disabled", true);
});

这将删除＆＃34; plus＆＃34;按钮上的图标，添加＆＃34;确定＆＃34;按钮＆＃34; catBut＆＃34;上的图标和设置disabled = true，因此禁用它。

您也可以尝试（如果上述解决方案无效）：

$(document).on("click", "#catBut", function(){
    $('#catBut').find('span').removeClass('glyphicon-plus').addClass('glyphicon-ok'); 
    $('#catBut').prop("disabled", true);
});

OR

$(document).on("click", "#catBut", function(){
    $('#catBut').find('span').toggleClass('glyphicon-plus').toggleClass('glyphicon-ok'); 
    $('#catBut').prop("disabled", true);
});

添加/单击c＃asp .net mvc5

2 个答案: