jquery, чтобы выбрать и активировать все элементы определенного класса при щелчке переключателя

Я новичок в Javascript, но я столкнулся с проблемой при работе над javascript. Мы настраиваем продукт для клиентов для создания форм. Объекты формы (текстовые поля, выпадающие списки и т. Д.) Присутствуют в меню. Каждый из этих объектов может быть выбран индивидуально или несколько с помощью клавиши Ctrl. Нам было предложено включить переключатели, чтобы клиенты могли легко их выбирать. Каждый из них находится в группах, поэтому их можно легко выбрать.jquery, чтобы выбрать и активировать все элементы определенного класса при щелчке переключателя

Для примера. (a) Выберите все параметры контакта с клиентом (b) Сведения об организации клиента После того, как они выбраны, их следует перетащить и удалить в форму.

Следовательно, потребность в техническом плане являются

радио кнопки для различных групп (клиентов Параметры контакта и т.д ..)
После радио-кнопка выбрана, активировать соответствующий класс объектов.
инициировал функцию перетаскивания/переместить

HTML-сниппет что-то вроде .. // заменить < на (поставить как код

(div class="FormElementMain" style="TOP: 5px; LEFT: 10px" FieldType="Label") 
    (span class="contactOptionsLabel" style="width: 50px")Mobile Number(/span) 
(/div) 
(div class="FormElementMain" style="TOP: 5px; LEFT: 20px" FieldType="Label") 
    (span class="contactOptionsLabel" style="width: 50px")Tel Number(/span) 
(/div) 
(div class="FormElementMain" style="TOP: 5px; LEFT: 30px" FieldType="Label") 
    (span class="orgDetailsLabel" style="width: 50px")Job Designation(/span) 
(/div)

код продукта (функция), где нам необходимо связывать:

function selectLabelClass(object) 
{ 

    object.addClass("highlightDiv"); // Just to highlight the div class so a shade appears around the text 
    var currentWrapper=object; 

    CurrentObject.push(new MoveObject(currentWrapper)); 
    currentWrapper.draggable({ grid: [GridSizeX, GridSizeY], containment: ".ui_fieldsetset" }); 

    DisplayProperties(); 
}

Поэтому, как только RadioButton щелкают, я пытаюсь инициировать класс этикетки в

$("#selectLabelRadioButton").live("click", 
     function() 
     { 
      selectLabelClass(".contactOptionsLabel"); 
     }); 

});

Ее не работает, хотя :( Может кто-нибудь подскажет, как активировать класс/группу объектов с помощью кнопки радио

В отдельном примечании я пробовал простой тест, и он работает. // Просто выделите все объекты класса, используя красную рамку. // Так на самом деле просто хотел бы знать, как .css может быть заменена другой пользовательской функции

$("#selectLabelRadioButton").click(function(){ 
    $(".selectLabelClass").css("border","3px solid red"); 
});

источник

2012-04-29 diaryfolio

ли вам получить ошибки в консоли? (Я уверен, что вы это делаете, это просто указать на это, чем вам нужно искать такие вещи ...) – gdoron

Я не знаю, что обо всех код, который не находится в вашем вопросе.

Но вы только что прошли строку вместо объекта JQuery к selectLabelClass, которые ожидают получить объект JQuery ...

Изменить это: selectLabelClass(".contactOptionsLabel");
К этому: selectLabelClass($(".contactOptionsLabel"));

$("#selectLabelRadioButton").live("click", function() { 
    selectLabelClass($(".contactOptionsLabel")); 
});

источник

2012-04-29 19:30:00 gdoron

спасибо за указание. не работающий помощник. Может быть, «живое», которое я поставил, неверно. – diaryfolio

@diaryfolio. С того момента, как я вижу, похоже, что у вас много других проблем. Когда вы пишете код, проверьте, есть ли после каждой пары строк. если вы не знакомы с javascript \ jquery, проверьте его после каждой строки. Я прав? – gdoron

да мат. Мне это нравилось только. Если вы видите, что я поставил образец, чтобы покрасить границу, и это сработало.Но я не уверен, как вызвать функцию с помощью селектора jquery. – diaryfolio

jquery, чтобы выбрать и активировать все элементы определенного класса при щелчке переключателя

ответ

Смежные вопросы