博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jQuery 获取和设置radio 和 checkbox 值的操作
阅读量:6827 次
发布时间:2019-06-26

本文共 2054 字,大约阅读时间需要 6 分钟。

jquery 中的val(),可以取值也可赋值,表单元素中的radio和checkbox是比较常用的控件,下面说说对它们的取值和赋值的使用

1、取值

表单如下:

@if (Model.Question.type == "单选") {
} else if (Model.Question.type == "多选") {
} else {
}

 jquery代码:

$(".items input").click(function () {        var answer = "";        if (type == "单选") {            answer = $(":radio[name=sin]:checked").val();            alert(answer);        } else if (type == "多选") {            $(":checkbox[name=mul]:checked").each(function () {                answer += $(this).val() + ",";            });        } else {            answer = $("input:radio[name=jul]:checked").val();        }        $.post("/home/clickItem", { questionId: '@Model.Question.id', userAnswer: answer }, function (data) {            if (data != "ok") {                alert(data);                location.href = "/home/login";            }        });    });

radio 好取,只要取 :checked 选中的值,checkbox 可能是多选,需要循环取值

 

2、赋值

赋值可不能这样 $(":radio").val("B"),这种是不行的,使用数组的方式赋值,应该这样 $(":radio").val(["B"]) ,$(":checkbox").val(["A","C","D"]),

 

if (type == "单选") {            $(":radio[name=sin]").val([useranswer]);        } else if (type == "多选") {            var arr = useranswer.substring(0, useranswer.length - 1).split(","); //useranswer="B,C,D"这种形式转成数组            $(":checkbox[name=mul]").val(arr);        } else {            answer = $(":radio[name=jul]").val([useranswer]);        }

 

转载于:https://www.cnblogs.com/lunawzh/p/6610934.html

你可能感兴趣的文章
从django的SECRET_KEY到代码执行
查看>>
一个轮子搞定 Fragment 和状态栏那些事
查看>>
leetcode 686. Repeated String Match 题解
查看>>
java 操作符详解
查看>>
SpringBoot整合Dubbo2.5.10
查看>>
【ES6基础】const介绍
查看>>
使用Java Socket手撸一个http服务器
查看>>
node-sass安装失败的究极解决方法与简单使用
查看>>
单例模式
查看>>
网易云轻舟微服务深度解读:基于开源,强于开源
查看>>
不轻松,服务器部署nginx+uwsgi+djangorestfremework+react
查看>>
亚洲第一届 Rust 大会将于 4 月 20 日在 [北京] 开启
查看>>
AFNetworking2.0
查看>>
TiDB 源码阅读系列文章(二)初识 TiDB 源码
查看>>
七年切图仔如何面试大厂web前端?(沟通软技能总结) | 掘金技术征文
查看>>
Express 实战(七):视图与模板:Pug 和 EJS
查看>>
学习OpenGL ES之透视和正交投影
查看>>
node的process以及child_process
查看>>
推送本地仓库至 GitHub
查看>>
Git 命令小结
查看>>