라디오 버튼을 클릭하십시오.

Question

위로 넘기시면 select div가 녹색으로 변하면서 녹색 부분을 클릭하면 radio button도 클릭/선택해야합니다. 어떻게해야합니까?

.select { 
 
color: black; 
 
background-color: blue 
 
} 
 

 
.select:hover { 
 
background-color: green; 
 
}

<div class="select"><input type="radio" class='click' value="1,000,000" /> 1,000,000</div>

Answer 1

당신은 자바 스크립트가 수행 할 수 있습니다 :

document.getElementsByClassName("select")[0].onclick = function(){ 
    document.getElementsByClassName("click")[0].setAttribute("checked", ""); 
} 

데모 :

document.getElementsByClassName("select")[0].onclick = function(){ 
 
    document.getElementsByClassName("click")[0].setAttribute("checked", ""); 
 
}

.select { 
 
    color: black; 
 
    background-color: blue 
 
} 
 

 
.select:hover { 
 
    background-color: green; 
 
}

<div class="select"> 
 
    <input type="radio" class='click' value="1,000,000" /> 1,000,000 
 
</div>

을 대신 사업부의3210

Answer 2

라벨을 사용

<label class="select"><input type="radio" class='click' value="1,000,000" /> 1,000,000</label>