0

だから私はこの基本的な形を持っています

<form id="order" action="contact.php" method="post">
    <p>Your name: <span><input type="text" name="name" id="fname"></span></p>
    <p>Your e-mail: <span><input type="text" name="email" id="femail"></span></p>
    <p><input type="checkbox" value="1" name="tos" id="ftos"></p>
    <p><input type="submit" value="Send" id="fsubmit"> | <span><input type="reset" value="Clear"></span></p>
</form>

TOSチェックボックスがチェックされていない場合、送信ボタンを少しフェードさせてクリックできないようにするだけです。

チェックボックスがオンの場合、ボタンはフェード解除され、クリック可能になります。

私はjqueryがあまり得意ではありませんが、Jqueryで実現できると思います。

誰かが私を助けてくれることを願っています。

よろしく、ケン

4

2 に答える 2

1

ここにあります...フィドルの例

HTML:

<form id="order" action="contact.php" method="post">
    <p>Your name: <span><input type="text" name="name" id="fname"></span></p>
    <p>Your e-mail: <span><input type="text" name="email" id="femail"></span></p>
    <p><input type="checkbox" value="1" name="tos" id="ftos"></p>
    <p><input type="submit" value="Send" id="fsubmit"> | <span><input type="reset" value="Clear"></span></p>
</form>

JS:

function checkTOS() {      
    var checkbox = $("#ftos").is(':checked');

    if (checkbox === true) {
       $("#fsubmit").prop("disabled",false);
    } else {
       $("#fsubmit").prop("disabled",true);
    }

}

jQuery(document).ready(function(){   
     checkTOS();
    $('#ftos').click( function() {
        checkTOS();
    });

});
于 2013-01-29T20:11:51.673 に答える
1

w3schools.comは、HTML と JavaScript の両方を始めるのに適した場所です。

あなたの質問に答えるには、送信ボタンをクリックできないようにdisabledし、要素に属性を追加して外観を変える必要があります。

<input type="submit" value="Send" id="fsubmit" disabled="disabled" />

その後、チェックボックスがチェックされた後にボタンをクリック可能にするには：

<script type="text/javascript">
    jQuery(function ($) {

        $('#ftos').change(function () {

            if ($(this).is(':checked'))
                $('#fsubmit').removeAttr('disabled');
            else
                $('#fsubmit').attr('disabled', 'disabled');
        });
    });
</script>

このフィドルをチェックしてください！乾杯！

于 2013-01-29T20:18:44.107 に答える