Получение текста отмеченного флажка в JavaScript

Question

Получение текста отмеченного флажка в JavaScript

0

У меня возникают некоторые трудности при попытке получить текст флажка с помощью javascript. Вот код для моего html:

content += "<tr><td><input id='type_select1' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()' >Commercial and Residential</td><td><input id='type_select2' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()' >Commercial</td></tr>";
content += "<tr><td><input id='type_select3' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Heavy Vehicle Park</td><td><input id='type_select4' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Hospital</td></tr>";
content += "<tr><td><input id='type_select5' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Hotel</td><td><input id='type_select6' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Industrial</td></tr>";
content += "<tr><td><input id='type_select7' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Industrial-White</td><td><input id='type_select8' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Office</td></tr>";
content += "<tr><td><input id='type_select9' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Recreation</td><td><input id='type_select10' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Residential (Landed)</td></tr>";
content += "<tr><td><input id='type_select11' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Residential (Non-Landed)</td><td><input id='type_select12' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>Residential</td></tr>";
content += "<tr><td><input id='type_select13' class=\"pss\"  type=\"checkbox\" onclick='queryPSS()'>White Site</td></tr>";

И вот как я получаю текст проверенного флажка:

var type_select = document.getElementById('type_select');
if(type_select.checked == true)
{
   var type_filter = type_select.text;
   alert(type_filter);
}

Однако, когда я устанавливаю флажок, всплывающее сообщение отображается " undefined ". Интересно, что пошло не так. Заранее спасибо.

Works On Mine 25 март 2014, в 02:43

Источник

0

я надеюсь, вы понимаете, что несколько элементов формы не могут иметь одинаковый идентификатор
Works On Mine 25 март 2014, в 01:24
0

Есть ли другой способ исправить это? Потому что я пытаюсь получить текст флажка и выполнять другие функции
user2531590 25 март 2014, в 01:26
0

Вы можете дать им различные идентификаторы. Например. type_select1, type_select2, type_select3.., отметьте, что они должны быть уникальными.
Works On Mine 25 март 2014, в 01:28
0

Но после того, как я установил для них другой идентификатор, как я могу сохранить отмеченный флажок как type_filter? Не могли бы вы привести мне несколько примеров
user2531590 25 март 2014, в 01:30
0

@user13500 user13500 Я уже изменил идентификатор, но как мне продолжить?
user2531590 25 март 2014, в 01:41
0

<input id="type_select" class="pss" type="checkbox" onclick="queryPSS()"/> без использования /\/ и <input /> close /
alessandrio 25 март 2014, в 01:49

Показать ещё 4 комментария

Теги:

javascript

html

checkbox

1 ответ

Ещё вопросы

я надеюсь, вы понимаете, что несколько элементов формы не могут иметь одинаковый идентификатор
Есть ли другой способ исправить это? Потому что я пытаюсь получить текст флажка и выполнять другие функции
Вы можете дать им различные идентификаторы. Например. type_select1, type_select2, type_select3.., отметьте, что они должны быть уникальными.
Но после того, как я установил для них другой идентификатор, как я могу сохранить отмеченный флажок как type_filter? Не могли бы вы привести мне несколько примеров
@user13500 user13500 Я уже изменил идентификатор, но как мне продолжить?
<input id="type_select" class="pss" type="checkbox" onclick="queryPSS()"/> без использования /\/ и <input /> close /

Works On Mine · Accepted Answer · 2014-03-24T23-20-00.000Z

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

<td><input class=\"pss\"  type=\"checkbox\" onclick='queryPSS()' value = "myValue">Commercial and Residential</td>

У нас все еще есть разные идентификаторы. Но при нажатии вы запускаете customFunction (может даже быть queryPSS), как это. Убедитесь, что вы также добавили атрибут value и установили его в требуемое значение.

onclick = customFunction(this)

Где-то внизу вы определяете такую функцию,

function customFucntion(idValue){
   var elem = idValue.value;
}

это оно. Это должно сработать.

Не беспокойтесь об id - в большинстве случаев люди тратят много времени на выяснение того, что вы не можете присвоить нескольким элементам один и тот же идентификатор, а затем пытаетесь выяснить, как дать им все уникальные идентификаторы. не нужны им. Просто вызовите customFunction(this) и в функции idValue.value
@ Денис, это хороший момент. Я буду иметь это в виду. Спасибо :)
Так что для моего случая, внутри тега checkbox, я должен поместить это: onclick = queryPSS (this)?
да. но убедитесь, что вы включили функцию тоже. переменная elem будет содержать значение, которое вам нужно.
замечательно. Я рад, что смог помочь.
@ Scrooj Привет, я понял, что есть некоторые проблемы. Когда установлен несколько флажков, элемент не будет добавлен. Почему это так?
потому что это просто переменная. Для хранения всех значений используется массив. и что-то вроде elem.push (idValue.value); убедитесь, что определите elem как массив вне функции.