`
muyu
  • 浏览: 224044 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

在PHP和JS下，checkbox框的值该如何正确获取？

PHPHTML 
阅读更多

先看代码：

<?php
if ($_POST) {
	var_dump($_POST);
}
?>
<html>
<head>
</head>
<body>
<form id="myform" action='' method='post' name='Users_form' > 
<input type="checkbox" id="accept" name="accept" value="1"/><label for="accept">这是一个复选框</label>
<br>
<input type="button" name="js_btn" value="查看JS下的值" onclick="foo();">
<input type="submit" name="php_btn" value="查看PHP下的值">
</form>
</body>
</html>
<script>
  function foo(){
    var obj = document.getElementById('accept');
    if(obj.checked) {
      alert(obj.value);
    } else {
      alert('未选中');
    }
  }
</script>

 

 

在PHP，当用户选中复选框，$_POST才能获取到它的值；当用户未选中的时候，$_POST将没有 $_POST['accept']。

 

在JS，无论用户是否选中，document.getElementById('accept').value将始终返回value里的值。把属性checked作为复选框是否选中的条件，才能准确地获取。

 

强调

 

请尽量保持input的id和name成对出现，PHP获取post的键是根据name的，而js依赖id更方便一些。

 

单选的input同上。

 

相关链接：《select、input-checkbox标签的多值处理》

0
顶
0
踩
分享到：
| submit()不能触发obsubmit事件的解决办法
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    checkbox复选框传值

    在网页设计和开发中，复选框（Checkbox）是一种常见的用户界面元素，允许用户从多个选项中选择一个或多个。当涉及到数据提交，比如通过HTML表单POST方法将用户的选择发送到服务器并存储到数据库中时，理解如何处理复...

    laravel-admin：form表单树状复选框组件（CheckboxTree）.rar

    最后，为了使组件正常工作，你可能还需要在页面的 JavaScript 部分引入对应的库，例如 jQuery 和 Vue.js，并且编写一些 JavaScript 代码来处理点击事件，动态地更新表单的隐藏字段，以保存用户的选中状态。...

    checkBox嵌套（跨浏览器）

    服务器端（如PHP、Node.js等）需要正确解析这些数据，例如通过`$_POST['example']`（PHP）或`req.body.example`（Node.js Express框架）获取到复选框组的值。 7. **无障碍性（Accessibility）** 对于复选框，要...

    js限制checkbox勾选的个数以及php获取多个checkbbox的方法深入解析

    本文将深入解析如何使用JavaScript实现这一功能，以及如何通过PHP获取用户在HTML表单中选择的多个复选框的值。 首先，我们来看JavaScript如何限制复选框的勾选个数。以下是一个简单的示例，它限制用户最多只能选择...

    解决layui checkbox 提交多个值的问题

    layui的checkbox组件在默认情况下并不直接支持提交多个值，这给后端处理数据带来了困扰。本文将详细介绍如何解决layui checkbox提交多个值的问题。 首先，问题的核心在于layui的checkbox在默认情况下只会提交最后一...

    jquery获取checkbox的值并post提交

    在本示例中，我们探讨了如何使用jQuery获取复选框（checkbox）的值，并通过POST方法将其提交到服务器。这个功能在数据选择、用户确认操作或表单提交等场景中非常常见。 首先，HTML部分创建了一个包含四个值为1、2、...

    PHP中CheckBox多选框上传失败的代码写法

    然而，在PHP中，为了能够正确处理多选框提交的数据，需要在多选框的name属性值后面加上方括号（[]），这样一来，表单提交的数据就会被作为数组处理。 例如，在HTML代码中，如果要创建一个可以多选的checkbox，应该...

    PHP开发中接收复选框信息的方法

    不过，我们可以利用JavaScript进行预处理，将复选框的值组合成一个字符串数组，然后在服务器端通过PHP的explode函数解析，从而方便地获取和处理复选框的信息。 首先，来看一个示例表单： ```html ...

    Js 获取和修改FCKeditor的值的代码

    ### Js 获取和修改FCKeditor的值的代码详解 #### 一、概述 FCKeditor是一款功能强大的富文本编辑器，被广泛应用于Web应用程序中，为用户提供了一个接近桌面编辑器的体验。通过JavaScript，我们可以轻松地与...

    dtree资料,整合checkbox，ajax添加

    当用户展开一个节点时，可以使用Ajax向服务器发送请求，获取该节点的子节点数据，然后在前端动态渲染这些子节点。这不仅可以减少初始加载时的数据量，还能降低服务器压力。同时，如果需要在树结构中添加新的节点，...

    PHP页面输出时js设置input框的选中值

    本知识点将围绕如何在PHP页面输出后，利用JavaScript来设置input元素，尤其是单选按钮（radio）和复选框（checkbox）的选中值进行详细说明。 首先，我们要理解在PHP页面输出后，JavaScript代码可以如何与页面上的...

    php和javascript之间变量的传递实现代码

    在Web开发中，PHP和JavaScript是两种常用的编程语言，它们各自工作在服务器端和客户端。为了实现两者之间的交互，经常需要在它们之间传递变量。本文将详细介绍如何在PHP和JavaScript之间进行变量传递，并提供相应的...

    CFUpdate批量上传组件for PHP v1.1.8.rar

    修改challs_flash_FormData(a) JAVASCRIPT函数，解决了获取表单多个NAME项相同的checkbox的值的问题 在列表中增加了滚动条显示，以方面用户确定条目位置 修正了在上传数量多，而且上传快时，条目移动位置错误的...

    很不错的ExtJs PPT

    EXTJS是一种基于JavaScript的UI框架，它源自JAVASCRIPT，致力于提供丰富的Web2.0用户体验。EXTJS的核心特点是利用CSS来控制DIV元素，从而创建出具有高度交互性和良好视觉效果的网页应用。EXTJS充分利用AJAX技术，...

    CFUpdate批量上传组件for ASP.NET v1.1.8

    出发事件，根据返回值来确定是否清空列表 修改challs_flash_FormData(a) JAVASCRIPT函数，解决了获取表单多个NAME项相同的checkbox的值的问题 在列表中增加了滚动条显示，以方面用户确定条目位置 修正了在上传数量多...

    CFUpdate批量上传组件for ASP v1.1.8

    出发事件，根据返回值来确定是否清空列表 修改challs_flash_FormData(a) JAVASCRIPT函数，解决了获取表单多个NAME项相同的checkbox的值的问题 在列表中增加了滚动条显示，以方面用户确定条目位置 修正了在上传数量多...

    CFUpdate批量上传组件for ASP v1.1.8.rar

    修改challs_flash_FormData(a) JAVASCRIPT函数，解决了获取表单多个NAME项相同的checkbox的值的问题 在列表中增加了滚动条显示，以方面用户确定条目位置 修正了在上传数量多，而且上传快时，条目移动位置错误的...

    json中文乱码

    - 使用JavaScript内置的`encodeURIComponent`函数对中文进行编码处理，然后在后端使用相应的解码函数处理。 4. **JSON字符串处理**： - 发送JSON数据前，使用`encodeURIComponent`对中文字段进行编码。 - 接收...

    HTML、CSS里面关于 id、class、name 属性的区别和用法.pdf

    HTML、CSS 中的 id、class 和 name 属性都是用来标识和区分...需要注意的是，虽然 name 有时能起到类似 id 的作用，但在某些场景下（如动态创建元素），添加 name 属性时需要特别处理，以确保正确地为元素添加 name。

    ExtAspNet v2.2.1 （2009-4-1） 值得一看

    -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox和TwinTriggerBox增加EnableEdit属性。 -使用Hidden来显示隐藏ExtAspNet控件，而不是使用Visible属性（Visible目前设置为只读属性...

Magicbox
Global site tag (gtag.js) - Google Analytics