如何点击单选然后显示div或隐藏

Question

当我点击单选时，

如何显示或隐藏div?

因为我写了这段代码，它不能工作。

<div class="col-12 gap-24"><div class="row"><span class="col-2"><input class="" type="radio" name="payway" value="5" οnclick="myFunction();">Store</span></div></div>
</div>
<script>
function myFunction() {
var check_pick = document.getElementById("check_pick");
var check_pick1 = document.getElementById("check_pick1");
if (check_pick.style.display === "none") {
check_pick.style.display = "block";
} else {
check_pick.style.display = "none";
}
if (check_pick1.style.display === "none") {
check_pick1.style.display = "block";
} else {
check_pick1.style.display = "none";
}
}
</script>

<label class="h4" name="check_pick" id="check_pick">Pick up method</label>
<div class="row_4 border" name="check_pick1" id="check_pick1">

Answer 1

设置窗口加载后的侦听器

window.onload = function() {

/* you can assign a listener like this:
var radio = document.getElementById('radio');    
radio.onclick = myFunction;

or like this: */
document.getElementById("radio").addEventListener("click", myFunction);
var check_pick = document.getElementById("check_pick");
check_pick.style.display='none'

var check_pick1 = document.getElementById("check_pick1");
check_pick1.style.display='none'

}


function myFunction() {
var check_pick = document.getElementById("check_pick");

var radio = document.getElementById("radio");

var check_pick1 = document.getElementById("check_pick1");



if (check_pick.style.display === "none") {
check_pick.style.display = "block";
} else {
check_pick.style.display = "none";
radio.checked = false

}
if (check_pick1.style.display === "none") {
check_pick1.style.display = "block";
} else {
check_pick1.style.display = "none";
} 
}

#check_pick,#check_pick1{
display:none;}

<div class="col-12 gap-24">
<div class="row">
<input id='radio' type="radio" name="payway" value="5" />Store
</div>
</div>


<label class="h4" name="check_pick" id="check_pick">Pick up method</label>
<div class="row_4 border" name="check_pick1" id="check_pick1">xxx</div>

Answer 2

张贴的代码真正令人讨厌的问题是希腊字母ο的存在，即属性值οnclick="myFunction()中的小写希腊分号字符。这会阻止onclick属性被识别而不产生错误:

console.log(
'οnclick="myFunction();"' === 'onclick="myFunction();"'
);
console.log("0x0" + 'οnclick="myFunction();"'.charCodeAt(0).toString(16));

你可能希望调查一下染色体从何而来。希望这是由于最初输入时选择了错误的键盘语言造成的。