Вимкнення прапорець і випадаючого меню - jquery, html, форм

Я розробляю календарний додаток для свого веб-сайту, і я перебуваю в трохи мариновані. Ось 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>

Те, що я хочу знати, це перший вибір вікна, щостворено, для першої опції "немає повторення", як я зроблю всі інші поля виділення і прапорці неактивними, вимкнувши їх, щоб ніякі дані не могли бути вибрані, Будь-яка допомога буде високо оцінена

Відповіді:

Спробуйте це:

$("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();

FIDDLE

Спробуйте так:

$("#Day").change(function(e){
if($(this).val()=="1"){
$("#Day2").attr("disabled","disabled");
}
});

Ви повинні використовувати JavaScript для досягнення цього.
Додати ідентифікатор recurrence до першого вікна вибору та класу recurrence-input кожному елементу, який ви хочете відключити, якщо не вибрано повторення, і скористайтеся наступним javascript (за допомогою jquery):

$("#recurrence").on("change", function() {} {
if ($(this).val() === "1") {
$(".recurrence-input").attr("disabled", "disabled");
} else {
$(".recurrence-input").removeAttr("disabled");
}
});

якщо no-recurrence це значення за замовчуванням для вашого вікна вибору, тоді ви повинні зробити інший вхід вимкнений, коли документ також завантажений.

$("table :input:gt(0)").prop("disabled", true);
$("#recur").change(function () {
$("table :input:gt(0)").prop("disabled", ($(this).val() == 1));
});

jsFiddle приклад

Одна проблема з вашим прикладом - це те, що у вас є кілька елементів вибору з однаковою назвою. Я оновив ваш HTML, щоб надати їм унікальні ідентифікатори. Дивіться скрипку для HTML.