私は、更新ボタンを</p> <p>のhtmlをクリックする前に、ラジオボタンをクリックしたときに、データ・パーセント値を更新するjavascriptの

Question

を経由してHTMLのカスタムボタン入力でのサブ属性を更新する方法：

<input type="radio" name="percentage" value="50" onclick="changeVal(this.value)"> Happy 50 percent</input> 

</br> 

<input type="radio" name="percentage" value="75" onclick="changeVal(this.value)"> Happy 75 percent</input> 
</br> 

<button class="btn btn-danger my-btn" id = "myUpdateBtn" data-id="1" data-name="John" data-summary="John is Happy" data-percent="50" >Click to Update</button> 

のjavascript：私のスクリプト機能をボタンのサブ属性値を更新しません。助けてください。 dataにアクセスするために

changeVal(val){ 
alert(val); 
document.getElementById("myUpdateBtn").value('data-price') = val; 
} 

Answer 1

は、あなたがこのようにそれをしなければならない属性：

var val = document.getElementById('21').dataset.id; 
 
var msg = document.getElementById('21').dataset.name; 
 

 
alert(val); //Alert '21' 
 
alert(msg); //Alert 'HiDiv' 
 

 
document.getElementById('21').dataset.lastName = 'Rod'; //Create new data attribute 
 

 
console.log(document.getElementById('21')); //View changes

<div data-id='21' id='21' data-name = 'HiDiv'> 
 

 
</div>