Javascript/getElementsByName

解説 name属性を取得

sample1

女性男性

---

sample1code

function s1Func(){
  var s1Radio = document.getElementsByName("s1Radio");
  var s1Select = document.getElementById("s1Select");
  var s1Div = document.getElementById("s1Div");
  if(s1Radio[0].checked || s1Select[3].selected){
  	s1Div.innerHTML = "無料";
  } else {
  	s1Div.innerHTML = "1000円";
  }
}

sample2

aaa

bbb

ccc

sample2code

var s2Btn = document.getElementById("s2Btn");
var s2Div = document.getElementsByName("s2Div");
var s2Flg = 0;
var i;
s2Btn.addEventListener("click", function(){
  if(s2Flg == 0){
    for(i=0; i