Как напечатать отмеченные флажки?

-1

<!DOCTYPE html> 
    <html> 
     <head> 
      <link rel="stylesheet" type="text/css" href="style.css"> 
      <script src="scripts.js"></script> 
     </head> 

     <body> 
      <button id = "button1" type="button" onclick="filterValues();">Submit</button> 
     </body> 
    </html>

Моей JavaScript:

var checkingValues = ["Cat", "Dog", "Horse", "Tree"]; 
var createCheckboxes; 

var saveValues; 
document.write("Choose from the options below: </br> </br>"); 

for (var i = 0; i < checkingValues.length; i++) { 

    createCheckboxes = document.createElement("INPUT"); 
    var checkbox = createCheckboxes.setAttribute("type", "checkbox"); 
    createCheckboxes.setAttribute("value", checkingValues[i]); 

    var checkBoxText = document.body.appendChild(createCheckboxes) + document.write(createCheckboxes.value +"</br>"); 
} 

//try to save checked values 
if(createCheckboxes.checked){ 
     saveValues = checkbox; 
    } 

function filterValues() { 

    document.write(saveValues); 
}

Моя идея заключается в том, чтобы создать флажок и печати (фильтр) выбранные элементы из флажка, сохраняя выбранные элементы в новый массив и просто напечатайте их на ударе. Я чувствую, что мне нужно сделать простой оператор if, но я не могу написать значения в глобальной переменной saveValues. Я знаю, что это не самый умный способ сделать это, но я хочу знать, как это сделать. Я хочу использовать чистую JS.

Спасибо.

источник

2015-04-06 Kostadin

Если вы ограничены чисто Javascript, вы всегда можете сделать следующее:

var inputs = document.getElementsByTagName('input'); 
for(var i=0; i < inputs.length; i++){ 
    if(inputs[i].type == 'checkbox' && inputs[i].checked) { 
    //print 
    console.log(inputs[i].value); 
    } 
}

Это будет получить все отмеченные флажки на странице и распечатать их значения. Вместо того, чтобы печатать на консоли, вы можете сделать другую логику или добавить флажок ко второму массиву для последующего использования.

источник

2015-04-06 16:02:04 alex

Попробуйте это,

функция filterValues () {

for (var i = 0; i < checkingValues.length; i++) { 

    if(createCheckboxes.checked){ 
     saveValues = checkbox; 
    } 
} 

document.write(saveValues);

}

источник

2015-04-06 16:05:02

Как напечатать отмеченные флажки?

ответ

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