1

ここでこの例を機能させようとしましたが、送信ボタンを非表示にできません

これは同じタイプの別の例です。チェックボックスがオンになっているまで送信を非表示にする 奇妙なことに、MS Expression Webで上記のデモを試し、Chromeでプレビューしましたが、機能しませんでした。私が欲しいのは、ユーザーがすべての空白を埋めてサービス条件に同意するまで送信ボタンを非表示にすることです。そうするとボタンが表示されます。そして、これは最初の部分です。

2番目の部分は、送信ボタンがクリックされた後に送信ボタンを非表示にしたいということです...次の例のように：デモ：送信後にボタンを非表示にしますが、これも自分で試してみると機能しません...

両方のコードを組み合わせて、必要なフィールドが入力されるまで送信ボタンを非表示にし、フォームが送信された場合に再度非表示にすることができるようにすることは可能ですか...

あなたの助けは大歓迎です...

ありがとう

4

1 に答える 1

3

HTML：

<form>
    <table>
        <tr><td align="center"><input type="checkbox" name="agree" id="agree">I agree Terms and Conditions</td></tr>
        <tr><td align="center"><input type="submit" name="submit" id="submit" style="display:none" value="submit"></td></tr>
    </table>
</form>

Javascript：

$(function() {
    $('#agree').change(function() {
        $('#submit').hide();
        if(this.checked){
            $('#submit').show();   
        }
    });
    $('#submit').on('click', function(){
        $('#submit').hide();
    });
});

JSFiddle

于 2012-09-12T06:14:46.303 に答える