1

私はここを見て、利用可能なすべての答えを試しましたが、それでもうまくいきません。チェックボックスがチェックされていない場合、送信ボタンを無効にしようとしています。これが私のjqueryです：

var userTerms = $('input#agree');
     if(userTerms.is(':checked')) {
        $("#aggtxt").addClass("err");
        $("#aggtxt").removeClass("error");
        $("#aggtxt").text(" Agreed");
        $("#bookit").attr('disabled', false);
        }else{
        $("#aggtxt").removeClass("err");
        $("#aggtxt").addClass("error");
        $("#aggtxt").text(" Please check terms and conditions box");
        $("#bookit").attr('disabled', true);
        }

         if ($('#bookit').is(':disabled') == true) { 
            $("#booktxt").removeClass("err");
            $("#booktxt").addClass("error");
            $("#booktxt").text(" Before you can submit this form please check the errors in form marked in red.");
            }else{
                $("#booktxt").addClass("err");
                $("#booktxt").removeClass("error");
                $("#booktxt").text(" Your information looks good, continue to booking...");
                }   
});

そして私のHTMLフォームの一部：

<p><span id="aggtxt"></span><br /><input type="checkbox" name="agree" id="agree" />  I agree to <a href="http://travel.ian.com/index.jsp?pageName=userAgreement&locale=en_US&cid=379849" target="_blank">Terms and Conditions</a> and understand Cancellation Policy.<p>
<span id="booktxt"></span>
<input type="submit" name="bookit" value="" class="bookit" id="bookit" />
4

3 に答える 3

13

これに対する私の見解：

http://jsfiddle.net/bluz/peans/

これが役立つことを願っています:)パス。

于 2012-07-03T12:38:17.033 に答える
2

これを試して：

$("#bookit").attr('disabled', 'disabled');

私はこれを試しました：

<input type="checkbox" name="agree" id="agree" onclick="$('#bookit').attr('disabled', !$(this).is(':checked'));" />
    I agree to <a href="http://travel.ian.com/index.jsp?pageName=userAgreement&locale=en_US&cid=379849" target="_blank">Terms and Conditions</a> and understand Cancellation Policy.<p>

チェックボックスをオフにすると、ボタンが無効になります。

于 2012-04-13T01:11:47.353 に答える
0

これを試して：

if($('#agree').val() == 'true')

詳細は jQueryドキュメントを参照してください。

訂正：

is(':checked')メソッドは、ラジオ/チェック ボックスがオンになっている場合にのみ返されます。

于 2012-04-13T01:13:55.793 に答える