VPF::активация и де активация кнопок в форме.

alpacho13

Дата 9.9.2011, 23:07 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 9.9.2011

Репутация: нет
Всего: нет

Помогите. Я разрабатываю форму калькулятора. И вот что не получается. После выбора варианты, активируются выбор вариантов, но если выбор вариантов отменить поля вариантов не сбрасывают выбранное поле. smile

Помогите разобраться. Надо чтобы после де активации варианты или пакеты, выбранные варианты сбрасывались.
Вот пример кода.

Код


 <script type="text/javascript">
function changeReadonly(chkObj,elementId) {
var objElement = document.getElementById(elementId);
if(chkObj.checked){ objElement.disabled=0; } 
else { objElement.disabled=1; }
}

</script>
<table width="169" border="1" cellpadding="0" cellspacing="0">
  <tr>
    <td height="35" align="center" valign="middle"><input type="checkbox" id="1" onClick="changeReadonly(this,'variant_1'); changeReadonly(this,'variant_2');"   name="1"></td>
    <td align="left" valign="middle"><strong>Варианты</strong></td>
  </tr>
  <tr>
    <td width="35" align="center"><input type="radio"   name="variant" id="variant_1"  disabled value="вариант 1"></td>
    <td width="132">Вариант 1</td>
  </tr>
  <tr>
    <td width="35" align="center"><input type="radio"   name="variant" id="variant_2"  disabled value="вариант 1"></td>
    <td width="132">Вариант 2</td>
  </tr>
  <tr>
    <td height="35" align="center" valign="middle"><input type="checkbox" id="2" onClick="changeReadonly(this,'package_1'); changeReadonly(this,'package_2');"   name="2"></td>
    <td align="left" valign="middle"><strong>Пакеты</strong></td>
  </tr>
  <tr>
    <td width="35" align="center"><input type="checkbox"   name="package_1" id="package_1"  disabled value="Пакет 1"></td>
    <td width="132">Пакет 1</td>
  </tr>
  <tr>
    <td width="35" align="center"><input type="checkbox"   name="package_2" id="package_2"  disabled value="Пакет 2"></td>
    <td width="132">Пакет 2</td>
  </tr>
  
  <tr>
    <td width="35" align="center"><span></span></td>
    <td width="132">Итого: <span id="totalprice"></span></td>
  </tr>
</table>

Это сообщение отредактировал(а) alpacho13 - 10.9.2011, 15:01

mcTep

Дата 13.9.2011, 18:11 (ссылка)

(нет голосов)

Загрузка ...

Бывалый

Профиль
Группа: Участник
Сообщений: 203
Регистрация: 25.2.2009

Репутация: 1
Всего: 6

Код


function changeReadonly(chkObj, elementId) {
    var objElement = document.getElementById(elementId);
    
    if(chkObj.checked) { 
        objElement.disabled = 0;
    } else { 
        objElement.disabled = 1; 
        objElement.checked = false;
    }
}

Это сообщение отредактировал(а) mcTep - 13.9.2011, 18:11

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »