Блог

У меня проблема с моей функцией JS. Я объясню это вам с помощью моего кода и Prt Sc.

Code = http://jsfiddle.net/dKeRf /

Это функция Php и функция JS.

Экран = http://img824.imageshack.us/i/antoe.png /

Если установлен один из 2 флажков над таблицей, все флажки в таблице two должны быть отключены. На данный момент это работает для первого флажка, но не для второго, и я спрашиваю вас, почему ? 🙂

Я использую ’10’ в моем jut ‘For’ для теста, я изменю это значение на номер строки таблицы.

Спасибо за вашу помощь и хорошего дня !

Добавьте класс ко всем флажкам:

 <input class="the_checkbox" id='{unique_id}' name='module[]' type='checkbox' value='{unqiue_value}'>
<input class="the_checkbox" id='{unique_id}' name='module[]' type='checkbox' value='{unqiue_value}'>
<input class="the_checkbox" id='{unique_id}' name='module[]' type='checkbox' value='{unqiue_value}'>
<input class="the_checkbox" id='{unique_id}' name='module[]' type='checkbox' value='{unqiue_value}'>
  

Затем используйте jquery для обновления всех флажков одновременно:

 <script>
$(document).ready(function(){
    $(".selectAll").click(function() {
        if($(".selectAll").attr("checked")) {
            $(".the_checkbox:checkbox").attr("disabled", true);
        } else {
            $(".the_checkbox:checkbox").removeAttr("disabled");
        }
    });        
});
</script>
  

ОБНОВЛЕНИЕ: изменяет ответ на использование .class name для обновления флажков вместо идентификатора, чтобы идентификатор мог оставаться уникальным и соответствовать стандартам HTML.

Идентификаторам не разрешается начинаться с цифры, они должны начинаться с буквы. Так document.getElementById(1234) произойдет сбой (я думаю, IE мог бы ничего не говорить и разрешить это, но FF не работает). Вы должны быть в порядке, просто поставив букву перед номером и изменив getElementById на document.getElementById('cb' id2); .

Также, просто побочное замечание, если вы передаете в this функцию onClick , этот параметр является ссылкой на элемент, на который был нажат. Таким образом, нет необходимости получать box.id , а затем делать document.getElementById(checkId) . технически document.getElementById(checkId) это === box так что вы могли бы просто сказать box.checked .

http://www.w3.org/TR/html4/types.html#h-6.2 . Это спецификация, в которой говорится о требованиях к именованию атрибутов ID:

Маркеры идентификатора и ИМЕНИ должны начинаться с буквы ([A-Za-z]) и могут сопровождаться любым количеством букв, цифр ([0-9]), дефисов («-«), подчеркиваний («_»), двоеточий («:») и точек («.»).

Редактировать:

Еще лучше, чем использовать document.getElementById() для установки каждого флажка, было бы использовать document.getElementById() для родительского элемента, для которого флажки, которые вы хотите отключить, являются общими (например, для таблицы, в которой они находятся), а затем использовать document.getElementsByTagName('input') для получения коллекции всех флажков и зацикливания / отключения их с помощью этого. Таким образом, код отключения JS будет выглядеть следующим образом:

Некоторая таблица:

 <input type='checkbox' onClick='checkCBs(this,"someTable1");'>
<table id='someTable1'>
  <tr>
    <td>This is checkbox 1:</td>
    <td><input type='checkbox' name='group1' value='checkbox1'></td>
  </tr>
  <tr>
    <td>This is checkbox 2:</td>
    <td><input type='checkbox' name='group1' value='checkbox2'></td>
  </tr>
</table>
  

Код:

 function checkCBs(box, parent){
    var parent = document.getElementById(parent),
        CBs = parent.getElementsByTagName('input'),
        i;
    //loop through all input elements
    for(i=0;i<CBs.length;i  ){
        //make sure the input is a checkbox
        if(CBs[i].type amp;amp; CBs[i].type=='checkbox'){
            //set disabled on this checkbox to opposite
            //of whether box is checked.
            CBs[i].disabled = !box.checked;
        }
    }

}