Получить значение атрибута данных

Question

Я использую код ниже для получения значений атрибутов данных. Но независимо от моего выбранного я получаю только первое значение цикла foreach.

foreach($values as $opvalue){ 
      ?> 
      <?php echo $opvalue->getTitle(); ?> 
      <?php echo $opvalue->getId(); ?> 
      <input type="radio" data-sareeid="<?php echo $opvalue->getId(); ?>" id ="sareefinishing" name="sareefinishing" value="<?php echo $opvalue->getTitle(); ?>" /> 

     <?php 
     } 

JavaScript код:

var sareeOption = document.getElementById('sareefinishing'); 
    alert(sareeOption.dataset.sareeid); 

Снизу картины, он всегда предупреждает 61818. связанный с этим вопрос here

Answer 1

Id должен быть уникальным в своем коде, в противном случае он всегда будет выбирать первым один. Поэтому вам нужно использовать класс. Вы были помечены JQuery так что-то вроде этого, используя data()

var sareeOption = $('.sareefinishing:checked'); 
alert(sareeOption.data('sareeid')); 

Answer 2

fiddle

$("input[name=qwe]").change(function(){ 
if($(this).is(':checked')){ 
    alert($(this).val()) 
} 
}) 

Вы можете сделать это, как это, используйте имя, то для изменения радиокнопки получить значение, то предупредит его

Answer 3

У вас не может быть дубликатов идентификаторов в любом документе. Следовательно, используйте классы. Вот чистое решение для JavaScript.

var radios = document.querySelectorAll('.sareefinishing'); 
 
[].forEach.call(radios, function(radio) { 
 
    radio.addEventListener("change", function() { 
 
     alert (this.dataset.sareeid); 
 
    }, false); 
 
});

<input type="radio" class="sareefinishing" data-sareeid="10" name="sareefinishing" value="10" /> 
 
<input type="radio" class="sareefinishing" data-sareeid="20" name="sareefinishing" value="20" /> 
 
<input type="radio" class="sareefinishing" data-sareeid="30" name="sareefinishing" value="30" /> 
 
<input type="radio" class="sareefinishing" data-sareeid="40" name="sareefinishing" value="40" />

Another demo где он показывает выбранную кнопку радиостанции sareeid на кнопку мыши.