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

Display an alert with message according to the radio button

本文关键字：消息 单选按钮 显示      更新时间：2023-09-26
<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")。只有当用户全部选择yes时，才必须显示alert("you can go")。谁能帮我?& lt; 3

试试下面的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>

注意:这段代码使用了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>

相关文章：