根据单选按钮显示带有消息的警报答案

【问题标题】：Display an alert with message according to the radio button根据单选按钮显示带有消息的警报
【发布时间】：2015-09-09 21:11:39
【问题描述】：

<html>
<script>
function myFunction()
{
for(k=1; k<=3; k++)
    checkVal(document.getElementsByName("radio"+k))     

}

 function checkVal(selector){
 for (var i = 0; i < selector.length; i++) {       
    if (selector[i].checked) {
        switch (selector[i].value){
            case '1' :
                alert("You can't go")
                break;
            case '2' :
                alert("You can go")
                break;
            }

        break;  

    }
   }
  }
</script>

   <div>
    <p>QUESTION 1</p></br></br>
    <input name="radio1" value="1" checked="" type="radio">Yes</br></br>
    <input name="radio1" value="2" type="radio">No</br></br>

    <p>QUESTION 2</p></br></br>
    <input name="radio2" value="1" checked="" type="radio">Yes</br></br>
    <input name="radio2" value="2" type="radio">No</br></br>

    <p>QUESTION 3</p></br></br>
    <input name="radio3" value="1" checked="" type="radio">Yes</br></br>
    <input name="radio3" value="2" type="radio">No</br></br>
    <input type="button" onclick="myFunction()" value="Send" />
  </div>
</html>

你好，我在这个网站上找到了这个脚本，但我需要编辑它。我不知道我要做什么，因为我不懂 Javascript，所以我需要你的帮助...... 这个函数给了我三个警报，但我需要如果用户只选择一个“是”，该函数必须给用户alert("you can't go")。 alert("you can go") 只有在用户选择全部是时才必须显示。谁能帮我？

【问题讨论】：

标签： javascript html button radio-button

【解决方案1】：

试试这个 javascript 代码：

    <script>
function myFunction()
{
var count = 0;
for(k=1; k<=3; k++){
 count += checkVal(document.getElementsByName("radio"+k))   
}
if(count==3){
        alert("You can go");
   }else{
        alert("You can't go")
  }
}

 function checkVal(selector){
 var count = 0;
 for (var i = 0; i < selector.length; i++) {       
    if (selector[i].checked) {
        if(selector[i].value == '1'){
            count = 1;
        }
    }
 }
    return count ; 

  }
  </script>

【讨论】：

【解决方案2】：

注意：这个sn-p使用jQuery。

function myFunction() {
    var isValid = true;
    $('input:checked').each(function () {
        if ($(this).val() == '1') {
            isValid = false;
        }
    });

    if (!isValid) {
        alert("You can't go");
    }
    else {
        alert('Go well');
    }
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
    <p>QUESTION 1</p>
    <br />
    <br />
    <input name="radio1" value="1" checked="" type="radio" />Yes<br />
    <br />
    <input name="radio1" value="2" type="radio" />No<br />
    <br />
    <p>QUESTION 2</p>
    <br />
    <br />
    <input name="radio2" value="1" checked="" type="radio" />Yes<br />
    <br />
    <input name="radio2" value="2" type="radio" />No<br />
    <br />
    <p>QUESTION 3</p>
    <br />
    <br />
    <input name="radio3" value="1" checked="" type="radio" />Yes<br />
    <br />
    <input name="radio3" value="2" type="radio" />No<br />
    <br />
    <input type="button" onclick="myFunction()" value="Send" />
</div>

【讨论】：