1

ボックスをクリックすると、あるページから別のページに移動するチェックボックスが必要です。チェックボックスの横にある利用規約のリンクを読んだ場合、チェックボックスは必須です。

これを行う方法は半分しかわかりません。次のようなものです。

<input type="checkbox" value="confirm_prepay_terms" name="confirm_prepay_terms" align="middle" />

Jquery を使用:

<script type="text/javascript" language="javascript">
$(document).ready(function() {
        if ($('form#prepay input:checkbox', 'confirm_prepay_terms').is(':checked') {
                return true;
        } else {
            $('#confirm_terms_hint').text('Please try again - you need to check the box to move on');
            $('#confirm_terms_hint').css('font-weight', 'strong');
            return false;
        }
}
</script>

現時点では、ページにチェックボックスがまったく表示されないため、HTML が間違っている可能性があります。

お役に立てれば幸いです。

4

2 に答える 2

3

HTMLは問題ありません-チェックボックスが表示されます-しかしテキストはありません。このマークアップを使用していくつかを追加できます：

<input type="checkbox" value="confirm_prepay_terms" name="confirm_prepay_terms" align="middle" >​Text here</input>​​​​​​​​​​​​​​​​​​​​​​​

JavaScriptで、クロージングが欠落しています)：

if ($('form#prepay input:checkbox', 'confirm_prepay_terms').is(':checked') {

する必要があります

if ($('form#prepay input:checkbox', 'confirm_prepay_terms').is(':checked')) {

そして)最後の行に：

}
</script>

する必要があります

})
</script>

セレクターが正しくありません

$('form#prepay input:checkbox', 'confirm_prepay_terms')

する必要があります

$('form#prepay input:checkbox[name=confirm_prepay_terms]')

これは複数の属性セレクターを使用します

と

$('#confirm_terms_hint').css('font-weight', 'strong');

する必要があります

$('#confirm_terms_hint').css('font-weight', 'bold');

font-weight値がありませんstrong（ここを参照）...bold代わりに使用してください

スクリプトで戻ってきているtrueかfalse、コードが何からも呼び出されていません。ページの読み込みが完了するとすぐに実行されます。フォームの検証を実行する場合は、jQueryの.submit（）メソッドを参照してください。例はこれです：

$(document).ready(function() {
    $('#prepay').submit(function() {
        if ($('form#prepay input:checkbox[name=confirm_prepay_terms]')) {
                return true;
        } else {
            $('#confirm_terms_hint').text('Please try again - you need to check the box to move on');
            $('#confirm_terms_hint').css('font-weight', 'bold');
            return false;
        }
    });
});

falseこれにより、送信イベントに戻ったときに、フォームを今すぐ送信できなくなります。

ここで完全に機能する例

于 2012-04-10T15:31:51.370 に答える
-1

サービスを使用する前にこの利用規約に同意する必要がある限り、CheckBox を提供する必要はないと思います。

以下のことをするだけで、ストレスなく自分でできます。

   - Provide a link to the terms and conditions for reading

   - Notify them that they have automatically accept this terms while proceeding.
于 2012-04-10T16:34:38.747 に答える