Деактивиране на квадратчето за отметка и падащо меню - 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();

цигулка

Опитайте по този начин:

$("#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.