Sav2907,
селект отключается когда нет ни одного зелёного в блоке, смотрите пост №2 снова. |
рони,
да, это то что нужно, спасибо большое мастер |
рони,
Еще одно, как сделать если селект заблокирован, его значение равно "" |
Так?
if(disabled){$(sel).val("")}; |
Sav2907,
проверили? работает как надо, багов нет , значит правильно!!! |
рони,
Да, работает. Еще одно, как сделать если селект больше 0, то запретить клики по числам, если селект пусто, тогда позволить и снять класс check из всех чисел в блоке |
Sav2907,
вам об этом говорили ещё в №4 посте Цитата:
|
рони,
простите, действительно трудно все нюансы заранее продумать. |
Sav2907,
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script> <style> .table{ border-collapse: collapse; } .table td{ border: 1px solid #000; padding: 10 10; } .check{ background: green; } .click{ cursor: pointer; } </style> <table class="table"> <tr> <td rowspan="3">1.</td> <td class="click">01</td> <td class="click">02</td> <td class="click">03</td> <td class="click">04</td> <td rowspan="3"><select class="num" disabled><option value=""></option><option value="10">10</option><option value="20">20</option><option value="30">30</option></select></td> </tr> <tr> <td class="click">05</td> <td class="click">06</td> <td class="click">07</td> <td class="click">08</td> </tr> <tr> <td class="click">09</td> <td class="click">10</td> <td class="click">11</td> <td class="click">12</td> </tr> <tr> <td rowspan="3">2.</td> <td class="click">13</td> <td class="click">14</td> <td class="click">15</td> <td class="click">16</td> <td rowspan="3"><select class="num" disabled><option value=""></option><option value="10">10</option><option value="20">20</option><option value="30">30</option></select></td> </tr> <tr> <td class="click">17</td> <td class="click">18</td> <td class="click">19</td> <td class="click">20</td> </tr> <tr> <td class="click">21</td> <td class="click">22</td> <td class="click">23</td> <td class="click">24</td> </tr> </table> <script> var tr = $(".table tbody tr"); $(".num").each(function(indx, sel) { var cl = $(".click", tr.slice(indx * 3, indx * 3 + 3)).on("click", function() { var disabled = !cl.is(".check"); $(this).toggleClass("check",disabled); disabled = !cl.is(".check"); $(sel).prop("disabled", disabled); if(disabled){$(sel).val("")}; }) }); </script> |
Цитата:
|
Часовой пояс GMT +3, время: 02:20. |