Модераторы: Sardar, Aliance
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Enable|Disable radio(child) with checkbox (parent), вкл/откл чекбоксов, изм радио груп 
V
    Опции темы
mastertgtu
Дата 7.2.2011, 15:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Добрый день!
Друзья помогите, c JavaScript знаком плохо, при вкл/откл checkboxов нужно чтобы radio группа соответственно становилась активной/неактивной. Проблема в том что количество checkboxов и radio заранее не известно, т.е. выбирается из связанных таблиц mysql.

Код

<tr><td colspan=3><input type=checkbox class="filter-checkbox" name=serv1 value=1>ВъездАвто</td></tr> 
<tr>
<td><input type=radio id=servch1 name=servch1 value=6000><a>г/п 10Т</a></td>
<td><a>Сумма:&nbsp;6000</a></td>
<td><a>НДС:&nbsp;1200</a></td>
</tr> 
<tr>

<td><input type=radio id=servch1 name=servch1 value=4200><a>г/п 7Т</a></td>
<td><a>Сумма:&nbsp;4200</a></td>
<td><a>НДС:&nbsp;840</a></td>
</tr> 

<tr>
<td><input type=radio id=servch1 name=servch1 value=3000><a>г/п 5Т</a></td>
<td><a>Сумма:&nbsp;3000</a></td>
<td><a>НДС:&nbsp;600</a></td>
</tr> 

<tr><td><input type=radio id=servch1 name=servch1 value=1800><a>г/п 3Т</a></td>
<td><a>Сумма:&nbsp;1800</a></td>
<td><a>НДС:&nbsp;360</a></td>
</tr> 

<tr><td colspan=3><input type=checkbox class="filter-checkbox" name=serv2 value=2>ХранСутки40фут</td></tr> 
<tr>
<td><input type=radio id=servch2 name=servch2 value=5300><a>гружен.</a></td>
<td><a>Сумма:&nbsp;5300</a></td>
<td><a>НДС:&nbsp;1060</a></td>
</tr> 

<tr><td><input type=radio id=servch2 name=servch2 value=3000><a>порожн.</a></td>
<td><a>Сумма:&nbsp;3000</a></td>
<td><a>НДС:&nbsp;600</a></td>
</tr> 

<tr><td colspan=3><input type=checkbox class="filter-checkbox" name=serv3 value=3>ХранСутки20фут</td>
</tr> 
<tr><td><input type=radio id=servch3 name=servch3 value=2600><a>гружен.</a></td>
<td><a>Сумма:&nbsp;2600</a></td>
<td><a>НДС:&nbsp;520</a></td>
</tr> 

<tr><td><input type=radio id=servch3 name=servch3 value=1600><a>порожн.</a></td>
<td><a>Сумма:&nbsp;1600</a></td>
<td><a>НДС:&nbsp;320</a></td>
</tr> 

<tr><td colspan=3><input type=checkbox class="filter-checkbox" name=serv4 value=4>Очистка конт.</td></tr> 
<tr>
<td><input type=radio id=servch4 name=servch4 value=2700><a>среднетон.</a></td>
<td><a>Сумма:&nbsp;2700</a></td>
<td><a>НДС:&nbsp;540</a></td>
</tr> 

<tr><td><input type=radio id=servch4 name=servch4 value=6300><a>20фут</a></td>
<td><a>Сумма:&nbsp;6300</a></td>
<td><a>НДС:&nbsp;1260</a></td>
</tr> 

<tr><td><input type=radio id=servch4 name=servch4 value=11500><a>40фут</a></td>
<td><a>Сумма:&nbsp;11500</a></td>
<td><a>НДС:&nbsp;2300</a></td></tr> <tr><td>
PM MAIL   Вверх
Serebrus
Дата 8.2.2011, 16:38 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 333
Регистрация: 22.5.2007
Где: Ташкент

Репутация: нет
Всего: нет
Если я вас правильно понял, то вам подойдет этот скрипт:
Код

function bl(obj, dv)
{
 if(obj.checked)
 {document.getElementById(dv).disabled=false;}
 else
 {document.getElementById(dv).disabled=true;}
}

Код

<tr><td colspan=3><input type=checkbox class="filter-checkbox" name=serv1 value=1 onClick="bl(this, 'div1');">ВъездАвто</td></tr> 
<tr>
<td colspan=3>
<div id=div1>
<table>
<tr>
<td><input type=radio id=servch1 name=servch1 value=6000><a>г/п 10Т</a></td>
<td><a>Сумма:&nbsp;6000</a></td>
<td><a>НДС:&nbsp;1200</a></td>
</tr> 
<tr>

<td><input type=radio id=servch1 name=servch1 value=4200><a>г/п 7Т</a></td>
<td><a>Сумма:&nbsp;4200</a></td>
<td><a>НДС:&nbsp;840</a></td>
</tr> 

<tr>
<td><input type=radio id=servch1 name=servch1 value=3000><a>г/п 5Т</a></td>
<td><a>Сумма:&nbsp;3000</a></td>
<td><a>НДС:&nbsp;600</a></td>
</tr> 

<tr><td><input type=radio id=servch1 name=servch1 value=1800><a>г/п 3Т</a></td>
<td><a>Сумма:&nbsp;1800</a></td>
<td><a>НДС:&nbsp;360</a></td>
</tr>
</table>
</div>
</td>
</tr>


Это сообщение отредактировал(а) Serebrus - 8.2.2011, 16:46
PM MAIL   Вверх
mastertgtu
Дата 8.2.2011, 17:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
Спасибо Serebrus!

мне не хотелось использовать div в таблице, поэтому сделал привязку на <tbody> используя jquery. 
Но недостаток в том что по дефолту радио группы активны, т.е. для деактивации нужно сначала включить чекбокс потом выключить.

Код

<script type="text/javascript">
$(function(){
  $("table input:checkbox").click(function(){
    if ( $(this).is(":checked") ){
      $(this).parents("tbody").find("input:radio").attr("disabled",null);
    }
    else{
      $(this).parents("tbody").find("input:radio").attr("disabled",true);
    }
});
});
</script>



Код

    <table>
        <tbody>
            <tr>
                <td colspan=3><input type=checkbox  name=serv1 value=1>ВъездАвто</td>
            </tr>
            <tr>
                <td><input type=radio id=servch1 name=servch1 value=6000><a>г/п 10Т</a></td>
                <td><a>Сумма:&nbsp;6000</a></td>
                <td><a>НДС:&nbsp;1200</a></td>
            </tr>
            <tr>
                <td><input type=radio id=servch1 name=servch1 value=4200><a>г/п 7Т</a></td>
                <td><a>Сумма:&nbsp;4200</a></td>
                <td><a>НДС:&nbsp;840</a></td>
            </tr>
            <tr>
                <td><input type=radio id=servch1 name=servch1 value=3000><a>г/п 5Т</a></td>
                <td><a>Сумма:&nbsp;3000</a></td>
                <td><a>НДС:&nbsp;600</a></td>
            </tr>
            <tr>
                <td><input type=radio id=servch1 name=servch1 value=1800><a>г/п 3Т</a></td>
                <td><a>Сумма:&nbsp;1800</a></td>
                <td><a>НДС:&nbsp;360</a></td>
            </tr>
        </tbody>
        <tbody>
            <tr>
                <td colspan=3><input type=checkbox  name=serv2 value=2>ХранСутки40фут</td>
            </tr>
            <tr>
                <td><input type=radio id=servch2 name=servch2 value=5300><a>гружен.</a></td>
                <td><a>Сумма:&nbsp;5300</a></td>
                <td><a>НДС:&nbsp;1060</a></td>
            </tr>
            <tr>
                <td><input type=radio id=servch2 name=servch2 value=3000><a>порожн.</a></td>
                <td><a>Сумма:&nbsp;3000</a></td>
                <td><a>НДС:&nbsp;600</a></td>
            </tr>
          </tbody>
</table>
PM MAIL   Вверх
mastertgtu
Дата 9.2.2011, 07:57 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Новичок



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

Репутация: нет
Всего: нет
вопрос решен на 90%
PM MAIL   Вверх
  
 Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0754 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.