Версия для печати темы Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > Enable|Disable radio(child) with checkbox (parent)

Автор: mastertgtu 7.2.2011, 15:56

Добрый день! Друзья помогите, 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>

Автор: Serebrus 8.2.2011, 16:38

Если я вас правильно понял, то вам подойдет этот скрипт: Код 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>

Автор: mastertgtu 8.2.2011, 17:21

Спасибо 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>

Автор: mastertgtu 9.2.2011, 07:57

вопрос решен на 90%

Powered by Invision Power Board (http://www.invisionboard.com)
© Invision Power Services (http://www.invisionpower.com)