下拉框、单选按钮和多选框的值回显和取值

最新推荐文章于 2023-09-07 10:08:57 发布

做一个快乐的肥宅

最新推荐文章于 2023-09-07 10:08:57 发布

阅读量523

点赞数

分类专栏： script 文章标签：回显取值 jq对select、radio、checkbox页面回显 js对select、radio、checkbox页面回显

本文链接：https://blog.youkuaiyun.com/qq_35929292/article/details/97953513

版权

本文介绍了如何在前端实现下拉框、单选按钮和多选框的值回显与取值。通过JavaScript和jQuery，分别展示了数据回显、取值以及判断checkbox或radio是否被选中的方法，提供了示例代码帮助理解。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

数据回显：

<!DOCTYPE>
<html>
<head>
<title></title>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
</head>
<body>
<input type="radio" name="gender" value="women" />女
<input type="radio" name="gender" value="man" />男
<hr/>
<select id="city">
    <option value="bj">北京</option>
    <option value="sh">上海</option>
    <option value="gz">广州</option>
</select>
<hr/>
<input type="checkbox" name="hobby" value="computer"/>玩电脑
<input type="checkbox" name="hobby" value="swimming"/>游泳
<input type="checkbox" name="hobby" value="phone"/>玩手机
<inp