javascript - 当选项被选中怎么返回一个bool值-PHP中文网问答

微信公众号讲师中心

首页

文章

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程自媒体新闻

专题

后端开发 web前端数据库开发工具 php框架科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程新闻

AI工具

AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令

学习

大前端后端开发数据库移动端运维开发计算机基础

编程手册

大前端后端开发数据库移动端运维开发计算机基础

下载

js特效网站源码工具下载类库下载网站素材学习资源插件扩展手机/移动开发手机游戏

搜索

后端开发 web前端数据库开发工具 php框架常见问题科技 Java 系统教程电脑教程硬件教程手机教程软件教程游戏教程

javascript - 当选项被选中怎么返回一个bool值

伊谢尔伦 2017-04-11 11:05:20

[JavaScript讨论组]

633

              //以下是两个input选项 
                <input type="radio" id="radio" name="privacy" value="true" style="margin-left: 0px">私密
                <input type="radio" id="radio" name="privacy" value="false"  >公开
            //这里“privatelyOwned”我需要post给后端一个bool值,当选择私密的时候是true，当公开时是false
            data:JSON.stringify ({
                   "privatelyOwned":     ,
                    })

伊谢尔伦

小伙看你根骨奇佳，潜力无限，来学PHP伐。

全部回复(2)

伊谢尔伦2017-04-11 11:07:20 2楼

$("input[name='privacy']:checked").val()

另外,同一个页面中id不要重复用哈。

赞 +0

添加回复

天蓬老师2017-04-11 11:07:20 1楼

没太明白你要干嘛，不过我大概谈谈我的看法：

首先，radio的分组由name属性决定的，这个你写对了，都是privacy。但id就多余了，尤其id表示唯一标示，不应该重复都叫radio。

其次，value就是该选项被选中时你可以获取的值。是否选中这件事，应该用checked属性判断。

给你个示例代码：

<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
    </head>

    <body>
        <input type="radio" name="privacy" value="你大爷的"/>你大爷的
        <input type="radio" name="privacy" value="谁的大爷"/>你大爷的
        <button type="button" name="button">hello</button>

        <script type="text/javascript">
            document.querySelector('button').addEventListener('click', function(){
                var privacies = document.getElementsByName('privacy');
                var selected = [].slice.apply(privacies).filter(function(privacy){
                    return privacy.checked;
                });
                if(!selected.length){
                    return alert('什么都没选');
                }
                alert('你选的是：' + selected[0].value);
            }, false);
        </script>
    </body>

</html>

赞 +0

添加回复

专题推荐

更多>

热门话题

热门教程

更多>