如何仅在选中单选按钮时触发 onlick() 函数？

Question

我正在练习 JS，正在制作战舰游戏。我有一个 10x10 的按钮网格。每个按钮都有对应于网格上相关位置的reply_click()功能。id<button id="00" onclick="reply_click(this.id)"></button>和function reply_click(clicked_id) {   //some code }reply_click()我只想在选中单选按钮时触发功能，并在所有其他情况下忽略它。我尝试制作一个具有onclick()检查该单选按钮是否已选中的功能的单选按钮，但我无法reply_click()在其中放置功能。例子：<input type="radio" id="1s" name="ship" onclick="check()"><label for="1s">1 square ship</label><br>和function check() {   if (document.getElementById('1s').checked) {       //dont know what to put here   }}

Answer 1

看看这个解决方案。不太确定你在问什么，但这似乎可能有帮助。

function reply_click(clicked_id) 

    {

       console.log(clicked_id);

       if(clicked_id !== "00")console.log('do stuff');

    }

function check(event)

{

    

    if(document.getElementById(event.id).checked)

        {

           reply_click(event.id);

        }

}

<button id="00" onclick="reply_click(this.id)"></button>

<input type="radio" id="1s" name="ship" onclick="check(this)">

<label for="1s">1 square ship</label><br>

Answer 2

仅当选中按钮时，您才可以使用disable该按钮enableradio

function reply_click(clicked_id) {

  console.log("Definaley i am not disabled now: "+clicked_id); 

}

function check()

{

    if(document.getElementById('1s').checked)

        {

          

           document.getElementById("00").disabled = false;

           document.getElementById("00").innerText = "Now i am enable";

        }

}

<input type="radio" id="1s" name="ship" onclick="check()">

<label for="1s">1 square ship</label><br>

<button id="00"  onclick="reply_click(this.id)" disabled>I am disabled</button>

Answer 3

在reply_click中添加if语句..例如：

function reply_click(clicked_id) {

    if (document.getElementById('1s').checked) {

        //  Do stuff

    }

}