js基础-根据name属性得到radio结果并作出提示

最新推荐文章于 2022-02-15 15:47:00 发布

原创最新推荐文章于 2022-02-15 15:47:00 发布 · 1.4k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #javascript

笨办法专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种利用JavaScript操作HTML中的radio按钮的方法，并通过一个示例展示了如何使用`getElementsByName`方法获取表单元素及`confirm`对话框进行交互确认。

radio相对使用name属性得到结果比较容易
confirm(“”);为对话框，未作出提示使用并作出相应使用该方法
代码如下：
前台html radio属性

 <input type="radio" id="bem"  name="sm" value='1' />是&nbsp;
          <input type="radio" id="bem"  name="sm" value='0'  />否&nbsp;

js代码

var sm=document.getElementsByName('sm');
    for(var i=0;i<sm.length;i++){
        if(sm[i].checked){
            if(sm[i].value){
            var result=confirm("lalala");//对话框，结果返回布尔类型
                if(!result){
                    return;
                }
            }else{
                var result=confirm("哈哈哈");
                if(!result){
                    return;
                }
            }
        }
    }