0

ここにJSfiddle = http://jsfiddle.net/C7Gg3/201/があります

基本的に、複数のオプションがあります。

ロード時に、ドロップダウン値のいずれかが「」の場合、ボタンを無効にする必要があります。(これはデフォルトです。) ドキュメントの .ready 関数を試しましたが、成功しませんでした。

次に、すべてのオプションに値が設定されたら、リンクを再度有効にします。

私は正しい道を進んでいますか？

    Reservation
<br/>
<select id="attribute176" name="rReservation" class="">
    <option value="">Choose a Option #1</option>
    <option value="1">Maybe</option>
    <option value="2">Sure</option>
</select><br />
<select id="attribute177" name="rReservation" class="">
    <option value="">Choose a Option #2</option>
    <option value="1">Small</option>
    <option value="2">Big</option>
</select>
<br />
<select id="attribute173" name="rReservation" class="">
    <option value="">Choose a Option #3</option>
    <option value="1">Wide</option>
    <option value="2">Tall</option>
</select>
<br />
<a id="my-link" href="google.com"> GOOGLE HERE </a>

そして、JS

$("[id^=attribute]").change(function () {
    if ($(this).val() == "") {
        $('[id^=attribute]').addClass('required');
        $('#my-link').bind('click', false);
    } else {
        $('[id^=attribute]').removeClass('required');
        $('#my-link').unbind('click', false);

    }
});
4

1 に答える 1

1

.change()このように変更ハンドラの最後に追加するだけです -

$("[id^=attribute]").change(function () {
    if ($(this).val() === "") {
        $('[id^=attribute]').addClass('required');
        $('#my-link').bind('click', function (e) {
            e.preventDefault();
        });
    } else {
        $('[id^=attribute]').removeClass('required');
        $('#my-link').unbind('click');

    }
}).change();

デモ--> http://jsfiddle.net/C7Gg3/209/

于 2013-06-06T19:50:02.080 に答える