0

私は自分のウェブサイト用のカレンダー アプリを開発していますが、ちょっと困っています。ヘルプが必要なアプリの一部の HTML は次のとおりです。

<table border="0" cellpadding="2" cellspacing="4">
<tbody>
<tr>
<td class="main b_width"><strong>Repeat Every:</strong></td>
<td class="main width">

<select name="Day">

<option value="1" selected>no recurrence</option>
<option value="2">days</option>
<option value="3">weeks</option>
<option value="4">month by day</option>
<option value="5">month by week</option>

</select>

</td>
</tr>

<tr>
<td class="main b_width"><strong>At Days:</strong></td>
<td class="main b_width">

<select name="Day">

    <option value="1" selected>First</option>
    <option value="2">Second</option>
    <option value="3">Third</option>
    <option value="4">Fourth</option>

</select>

<input type="checkbox" name="Monday" ;>&nbsp;Mon&nbsp;

 </td>
</tr>

私が知りたいのは、作成された最初の選択ボックス、最初のオプション「再発なし」について、他のすべての選択ボックスとチェックボックスを非アクティブにし、それらを無効にしてデータを選択できないようにする方法です。高く評価される

4

4 に答える 4

1

これを試して：

$('select[name=Day]').eq(0).change(function () {
    $('select[name=Day]').eq(1).prop('disabled', (this.value === '1'));
    $('input[name=Monday]').prop('disabled', (this.value === '1'));
}).change();

フィドル

于 2013-05-03T16:13:06.143 に答える
0

この方法を試してください：

$("#Day").change(function(e){
        if($(this).val()=='1'){
            $("#Day2").attr("disabled","disabled");
        }
    });
于 2013-05-03T16:13:38.740 に答える
0 
$('table :input:gt(0)').prop('disabled', true);
$('#recur').change(function () {
    $('table :input:gt(0)').prop('disabled', ($(this).val() == 1));
});

jsFiddle の例

ただし、この例の問題の 1 つは、同じ名前の選択要素が複数あることです。HTML を更新して、一意の ID を付与しました。HTML のフィドルを参照してください。

于 2013-05-03T16:09:31.633 に答える