Как установить последнее значение из нескольких флажков?

Question

Это мои Чекбоксы элементы:

<input type="checkbox" name="colors" value="blue" /> Blue <br/> 
<input type="checkbox" name="colors" value="green" /> Green<br/> 
<input type="checkbox" name="colors" value="yellow" /> Yellow<br/> 

Как я могу получить последнее значение из этого множественного флажка, только четкие JS, потому что я изучаю JS и HTML только в течение 2 дней. Благодарю.

Answer 1

Использование document.querySelectorAll

var checkboxes = document.querySelectorAll("input[name=colors]") 
var lastCheckbox = checkboxes[checkboxes.length - 1]; 
var lastCheckboxValue = lastCheckbox.value;