0

事前に助けてくれてありがとう。

ボタンの作成/スタイル設定に jQuery UI を使用していることに注意してください。

ユーザーが送信ボタンをクリックすると、jQuery を使用して、ページ全体のすべてのフォームですべての送信ボタンを無効にしたいと考えています。

ここに私がこれまでに持っているものがあります.現在、ページ上のすべての送信ボタンを無効にしたいときに、クリックされたボタンのみを無効にします.

jQuery UI の場合:

<script>
$(function() {
$( ".button" )
.button()
});
</script>

ボタンを無効にする場合:

 <script>
$(function() {
$('.button').button().click(function() {
    $(this).button('disable');
    $(this).closest('form').submit();
    return false;
});
$('input:submit').button('enable');
});
</script>

送信ボタン/フォームは次のようになります。

<form enctype="multipart/form-data" action="characters.php" method="post">
<input id="c_xp" class="text" type="text" value="150001" name="c_xp">
<input id="go" class="button ui-button ui-widget ui-state-default ui-corner-all" type="submit" value="Go" role="button" aria-disabled="false">
</form>
4

6 に答える 6

1

これを行う ：

<script>
$(function() {
    $('.button').click(function() {
       $("input[type='submit']).button('disable');
       $(this).closest('form').submit();
       return false;
    });
$('input:submit').button('enable');
});
</script>

任意のステートメントを実行できます。

$("input[type='submit']").button('disable');
OR 
$("input[type='submit']").attr('disabled','disabled');
于 2013-04-09T00:25:45.223 に答える
0

このコードは、クラスが.button無効になっているすべてのボタンを作成します

$( ".button" ).click(function() {
  $( ".button" ).button({ disabled: true });
});

ここにフィドルがあります

于 2013-04-09T00:25:55.057 に答える
0

これは、すべてのボタンを無効にする関数です。

function disableButtons() {
    $('input[type=button], input[type=submit]').attr('disabled', 'disabled')
}
于 2013-04-09T00:27:09.603 に答える
0

コードは次のようになります。

<script>
$(function() {
$('.button').button()(function() {
    $('input[type=button], input[type=submit]').attr('disabled', 'disabled')
    $(this).closest('form').submit();
    return false;
});
});
</script>
于 2013-04-09T00:27:45.747 に答える
0

無効化コードを次のように変更して、解決策を見つけました。

<script>
$(function() {
$('.button').button().click(function() {
    $('.button').button('disable');
    $(this).closest('form').submit();
    return false;
});
$('input:submit').button('enable');
});
</script>

トリックをしました。

于 2013-04-09T00:36:29.560 に答える