html checkbox的checked属性问题和value属性问题

2023-11-11

示例代码:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript">
function onbutton(){
//document.getElementById("checkbox1").checked = false;
alert(document.getElementById("checkbox1").checked);
}
</script>
<body>
<form method="get">
  <p><input type="checkbox" name="vehicle" value="Bike" /> I have a bike</p>
  <p><input type="checkbox" name="vehicle" id="checkbox1" value="Car" checked=""/> I have a car</p>
  <input type="button" value="点击" οnclick="return onbutton()"  /><br/>

</form>
</body>
</html>

 

代码中 <input type="checkbox name=vehicle" id="checkbox1" value="Car checked=""/>i hava a car

只要出现了checked="",不管等于什么,可以等于checked="checked",甚至checked="false",其checkbox的属性checked都是true,在alert中输出其checked属性都是true.

如果在上述代码的onbutton()函数中把document.getElementById("checkbox1").checked = false;的注释去掉,则checkbox未被选中,注意这里false不能用引号括起来。

 

 

对于value属性,复选框的 value 属性值不会显示在用户界面中。value 属性用于表单数据的提交(只有选中的复选框才会传递数据到服务端,如果什么都没选则不传递复选框数据)。实际中有个例子:要实现一个表示子产品独立标志的复选框,checkbox的value=1,表示选中,0:不选中

本来是这么写的

function changeSub_fund_flag(){
 if(document.theform.sub_fund_flag.checked){
     document.theform.sub_fund_flag.value = 1;   //theform为checkbox所在的表单
 }else{
  document.theform.holidays_delay_flag1.value = 0;
 }
}

<td align="right">子产品资金独立标志:</td>
        <td>
         <input <%=display_select%> type="checkbox"  <%if(sub_fund_flag== 1) out.print("checked");%> οnkeydοwn="javascript:nextKeyPress(this)"
            name="sub_fund_flag"  class="flatcheckbox"  οnclick="return changeSub_fund_flag()">
        </td>

点击复选框,根据onclick事件处理,将value值设为1或0.这样提交表单的时候value值会被提交上去。

其实这有点多此一举,因为只要选中的复选框的数据才会提交。修改如下:

<td align="right">子产品资金独立标志:</td>
        <td>
         <input <%=display_select%> type="checkbox" value="1"  <%if(sub_fund_flag== 1) out.print("checked");%> οnkeydοwn="javascript:nextKeyPress(this)"
            name="sub_fund_flag"  class="flatcheckbox">
        </td>

这样checkbox被选中时,它的value=1也被提交。如果没被选中,则value值不提交,即为null.

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

html checkbox的checked属性问题和value属性问题 的相关文章

  • Li向左浮动,长度动态:最后一行无边框底部

    情况如下 https jsfiddle net rpepf9xs https jsfiddle net rpepf9xs 我想用选择器 nth last child 删除边框底部 但是 如果列表中只有8个 li 则会出现如下错误 ul di
  • 检查从 arrayadapter 获取的复选框

    我有标题清单 CheckBox 我想控制默认检查哪一个 所以我试图获得正确的视图并检查它 但由于某种原因它不起作用 知道为什么吗 form checkbox item xml
  • javascript中怪异模式的元素宽度?

    我一直在浏览所有流行的 js 库 但我找不到一个具有 DOM 元素宽度函数的库 该函数实际上可以解释 Internet Explorer 中的怪异模式 问题是 当启用怪异模式时 填充和边框不会计入宽度 据我所知 当省略 doctype 或将
  • BUG - 在 IOS 中没有选择标签的完成按钮

    我正在使用最新的离子并有一个简单的选择标签
  • 导航栏折叠在 Bootstrap 中不起作用

    Bhanu pratap 解决了这个问题 在这个问题的末尾检查一下 我一直在遵循旧的路线来构建导航栏折叠 三明治 问题是课程中的页面顶部似乎有一个黑条 并且缩小页面时会出现导航栏 对我来说 我只需在左侧找到一个按钮 另外 当我缩小页面时 我
  • 使用JQuery检查元素是否有边框?

    所以我正在玩 el css 尝试确定元素是否有边框 我用 css border style solid 设置边框 这是可行的 但实际上它设置了 4 种单独的样式 border right style border left style bo
  • 通过 Javascript 将图像切割成碎片

    我正在创建一个简单的拼图游戏 为了做到这一点 我需要将我正在使用的图片切成 20 块 Javascript 有没有办法将一张图片切成 20 个相等的部分 并将它们保存为网页中的 20 个不同的对象 或者我只需要进入 Photoshop 自己
  • 使用php表单更改href链接

    我正在制作一个带有搜索栏的网站 我想让搜索栏在 搜索 并显示结果后具有交互性 所以我希望 href 根据正在使用的 Id 进行更改 例如 有人搜索 Pinecones 如果它在数据库中 它将有一个 ID 在本例中是 4 一旦他们搜索它 它就
  • 如何使用CSS将背景图像放入选择选项标签中

    我有一个从 json 响应接收的国家 地区下拉列表 并且想要在国家 地区名称旁边添加相应的国家 地区国旗图标 也从 json 响应获取图像 我已经尝试了不同的 jQuery 和 bootstrap 插件 但他们所做的是破坏我以前的选择框样式
  • 为什么 document.getelementbyId 在 Firefox 中不起作用?

    我不明白为什么 document getElementById 在 Firefox 中不起作用 document getElementById main style width 100 当我检查 Firebug 时 它说 类型错误 docu
  • 使用本机 JavaScript 获取过渡中的 CSS 值

    这个问题之前被问过 但答案使用了 jQuery here https stackoverflow com q 8920934 3186555 因此 我将调整问题以专门询问native解决方案 to 最小化依赖关系 假设您有一个 div 然后
  • div Hello div div Howdy dere pardner div div div 我明白它的作用 但为什么叫这个名字both 什么是both mean 两者的意思是 一组两件事中的每一项 左 和 右 两件事
  • 将 div 文本分配给变量然后显示它

    我有一个简单的任务 我试图完成学习 JavaScript 但一直无法找到明确的答案 这是代码 div Testing div 基本上我希望将方框 div 中的文本存储到变量中 然后 我想在页面的不同部分显示该变量的文本 使用上面的代码我得到
  • 单击导航项锚链接时如何关闭切换菜单

    请看我的FIDDLE http jsfiddle net ayhpp8ax 我有一个带有 响应式 导航菜单 带有指向页面上元素的锚链接 的 1 页网站 当浏览器视口小于特定宽度 在我的情况下为 767px 时 使用此 javascript
  • 使用 python 在一个 html 页面中显示分割数据框的 HTML 代码

    我是 html css 新手 所以对以 html 格式显示的数据有疑问 我有一个很长的列表 我想将其拆分并以 html 格式显示为两个单独的列 例如 而不是 Col1 Col2 1 a 2 a 3 a 4 a 5 b 6 b 7 b 8 b
  • jQuery mobile 中的文本区域高度和宽度?

    我修复了 jQuery mobile 中文本区域元素的高度 并且在纵向中得到了完美的高度和宽度 但在横向中宽度没有放大 谁能帮我 提前致谢 HTML
  • 在 HTML5 Javascript 中将 BlobBuilder 转换为字符串

    function blobToString blob var reader new FileReader var d reader onloadend function d callback reader result console lo
  • VueJS 中数据无法正确显示

    我的 VueJS 代码有一个小问题 在 输出 压缩的 GS1 数字链接 URI 部分中 When there is no result it should have nothing display like this I have remo
  • HTML W3C 有效元素 - DIV 在 TD 内有效吗?

    我正在和一位同事争论 但找不到证据证明我们俩都是对的 我之前已经看过给定标签的有效元素列表 但只是无法再次找到它 有人能指出我正确的方向吗 我对 XHTML 很好奇 但分歧具体在于 DIV 标签在 HTML 4 01 中的 TD 标签内是否
  • 如何使用 Scrapy 从网站获取所有纯文本?

    我希望在 HTML 呈现后 可以从网站上看到所有文本 我正在使用 Scrapy 框架使用 Python 工作 和xpath body text 我能够获取它 但是带有 HTML 标签 而且我只想要文本 有什么解决办法吗 最简单的选择是ext

随机推荐

  • 【OpenCV】读入数字图像基础操作学习笔记

    目录 读入数字图像 窗口中显示图像 将图像保存到本地 窗口销毁 打开窗口就要销毁 以免影响后续十月 等待输入 读入数字图像 cv2 imread 所需读入的图像的完整路径 若图像在程序下的文件夹下也可直接输入图像名称 读入图像的形式 读入图
  • 深刻理解JNDI

    JNDI是J2EE的核心技术之一 JNDI的功能简单说就是可以简单的方式去查找某种资源 比如在Tomcat中配置了一个JNDI数据源 那么在程序中之需要用Java标准的API就可以查找到这个数据源 以后数据源配置发生变化了 等等 程序都不需
  • 【菜鸟教程】Kafka消息队列入门中(生产者、消费者、数据一致性)

    工作流程 如下图 topicA是一个3分区2副本的topic 2副本表示leader和follower加起来一共为2 注意leader和follower是不在一个broker的 即不在一台服务器 否则服务器故障时会一起挂掉 备份将没有意义
  • 区块链相关术语(中英对照)

    原文链接 https wiki learnblockchain cn bitcoin en zh html 说明 阅读英文文档是编程开发过程中最常做的一件事 英文阅读也是一个程序员的基本能力 区块链刚刚起步 每天各种新概念层出不穷 为方便大
  • springboot 实现切面校验请求参数

    1 定义切面类 package com aa aa pp interceptor import com alibaba fastjson JSON import com alibaba fastjson JSONObject import
  • 二叉树经典题目

    1 判断一个节点是否在一棵二叉树中 先判断是否在左子树 若在 则不再去右子树中寻找 若不在 再去右子树中寻找 要注意递归的条件判断 bool IsInTree Node root Node node if root NULL node NU
  • aardio - 利用web.view2库编写多标签浏览器

    web view2 为风行者封装 请下载最新版本使用 暂时还不是很完善 运行过程中偶尔会出现闪退现象 运行效果 示例代码 import win ui DSG var winform win form text aardio form rig
  • 内网安全-黄金票据和白银票据

    文章目录 前言 黄金票据 原理 应用场景 应用条件 防御 白银票据 原理 应用条件 黄金票据和白银票据的区别 前言 前置知识是需要熟悉Kerberos协议的认证流程 可以看前一篇文章 黄金票据 原理 在熟悉了Kerberos协议的认证流程后
  • java毕业设计球迷信息交流论坛源码+lw文档+mybatis+系统+mysql数据库+调试

    java毕业设计球迷信息交流论坛源码 lw文档 mybatis 系统 mysql数据库 调试 java毕业设计球迷信息交流论坛源码 lw文档 mybatis 系统 mysql数据库 调试 项目架构 B S架构 开发语言 Java语言 开发软
  • WIN11如何设置环境变量

    在win11系统中运行环境 比如node js的时候 我们需要进行额外的参数设置 才能继续进行操作 而这个参数设置就是常说的环境变量设置 那么win11系统的环境变量到底怎么进行配置呢 1 键盘输入 win R 打开运行框 2 输入命令 c
  • (十六)Mybatis整合EhCache缓存框架用法详解

    这篇文章主要讲述Mybatis整合EhCache缓存框架用法详解 写的非常详细 对大家的学习或者工作具有一定的参考学习价值 需要的朋友们下面随着小编来一起学习学习吧 目录 什么是EhCache 代码示例 1 导入第三方缓存包 2 配置缓存元
  • 关于javamail的一些笔记

    1 为什么要学习javamail 企业中系统 经常需要信息通知 和 信息校验 2 利用telnet实现邮件收发 注册sina和sohu账户 yuyang94895 sina com yuyang94895 sohu com 密码 1qaz2
  • unityhub登录不上,登录界面刷新不出来, 或检测不到Unity

    如果是登录界面白屏的话 或 检测不到Unity 可以尝试 1 关闭hub 右下角也要退出 找不到的可以直接任务管理器退出 2 删除 UserProfile AppData Roaming 里面的 UnityHub Cache和 Unity
  • 汇编程序设计与计算机体系结构,《汇编程序设计与计算机体系结构:软件工程师教程》 —2.8 作业...

    2 8 作业 2 8 1 内存 有这样一个算式 taxableIncome salary exempts percent401k 100 salary 其中的变量 salary 50000 exempts 7000 percent401k
  • 【MySQL】流程控制函数CASE

    文章目录 1 流程控制函数CASE 2 练习 1 流程控制函数CASE IF value value1 value2 如果value的值为TRUE 返回value1 否则返回value2 IFNULL value1 value2 如果val
  • typora插件_如何在Typora中写markdown, 并发布到知乎

    你不能阻止鸟从你头上飞过 但是你可以阻止鸟在你头上筑巢 by 无名 一 常见的几种方法与工具 1 vscode zhihu插件 缺点 不能渲染表格 用起来没有想想中的那么简便 2 MarkdownHere 插件 缺点 并不好用 毕竟他主要还
  • linklist2

    include
  • TYPE-C转串口原理图

    板子是采用kicad画的 主控芯片采用CH340K 其他型号类似 原理图获取方式 聚玩库 公众号发送 typec串口
  • Python_反转字符串

    Python 反转字符串 测开笔试题 尽可能用多的方法反转字符串 输入 abcde 输出 edcba PS 字符串是不可变类型元素 很多时候需要先转为list 再join 1 方法1 切片反转 def fanzhuan s return s
  • html checkbox的checked属性问题和value属性问题

    示例代码