js获取单选框/多选框选中的值value

偏执的太偏执、 2024-03-26 20:05 114阅读 0赞

注意给value值

<input type="radio" name="sex" checked="checked" value="男">男
      <input type="radio" name="sex" value="女">女

<input type="submit" value="提交" onclick="getMessage()">

遍历数组后，判断选中的元素

<script>
        function getMessage() {
            let sex = document.getElementsByName("sex")
            let item;
            for (let i = 0; i < sex.length; i++) 
                if (sex[i].checked) {
                    item = sex[i].value;
                }
            }
        }
    </script>

复选框

<input type="checkbox" checked name="like" value="1">体育运动
    <input type="checkbox" name="like" value="2">旅游
    <input type="checkbox" name="like" value="3">书画

注意声明个数组去接收值

<script>
        function getMessage() {
        let likeArray = document.getElementsByName("like");
            let like;
            let value = [];
            for (let i = 0; i < likeArray.length; i++) {
                if (likeArray[i].checked) {
                    like = likeArray[i].value;
                    value.push(like)
                }
            }
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，114人围观）

还没有评论，来说两句吧...

相关阅读

相关 js获取单选框/多选框选中的值value

注意给value值 <input type="radio" name="sex" checked="checked" value="男">男 <input

偏执的太偏执、/ 2024年03月26日 20:05/ 0 赞/ 115 阅读

相关 js 多选框&单选框

此多选框、单选框可以换按钮皮肤，只更改雪碧图的定位即可。没有使用自带的控件，是重新写的。用到了模块化开发，类的导出导入，类的继承。 <!-- html部分

向右看齐/ 2023年07月07日 12:57/ 0 赞/ 56 阅读

相关复选框遍历选中 php,jquery如何获取复选框选中的值

本篇文章主要给大家介绍jquery获取复选框选中的值的实现方法。在前面的文章中，我们已经为大家介绍过用js实现获取复选框选中的值，其实现思路并不是很难，想必大家都有一定的了

Dear 丶/ 2023年01月13日 05:54/ 0 赞/ 185 阅读

相关 extjs获取多选框_extjs下拉框，多选，单选，动态传值

后台java代码 @RequestMapping(params = "command=adduser") public void getUser(HttpServletRe

女爷i/ 2022年12月31日 14:24/ 0 赞/ 327 阅读

相关 jq 如何获取多选框选中的值

jquery如何获取多选框选中的值，有两种方法 1、通过id获取是否选中（单个） 1）引入jquery文件 2）Html设计如下 <div>

港控/mmm°/ 2022年11月03日 15:29/ 0 赞/ 258 阅读

相关 jquery获取单选框复选框下拉框值

jquery获取单选框（radio）复选框（checkbox）下拉框（select）的值，亲测可用。有什么疑问可以留言效果图： ![20160218153630060][

男娘i/ 2022年08月20日 08:28/ 0 赞/ 443 阅读

相关 vue.js 添加动态的下拉框，单选框，多选框

1.下拉框 <FormItem label="关联题目类型" prop="questionTypeId"> <Select v-model

╰半橙微兮°/ 2022年05月11日 11:40/ 0 赞/ 949 阅读

相关 jQuery 获取单选框已选中的值

jQuery 获取单选框（radio）已选中的值，请阅读我的原创文章[《jQuery 表单对象属性》][jQuery]，文章中的 “:checked” 选择器文章中有详细的说

曾经终败给现在/ 2022年01月31日 09:07/ 0 赞/ 348 阅读

相关 js 获取所有被选中复选框的值

注：所有复选框必须name 相同 <tr> <td> <input type="checkbox" checked="

川长思鸟来/ 2021年10月08日 06:24/ 0 赞/ 453 阅读

相关 jQuery中获取单选框选中的值

<input type="radio" id="radioId" name="radioname" value="A" checked="checked"/>apple

水深无声/ 2021年07月25日 00:48/ 0 赞/ 639 阅读