php解决checkbox问题

最新推荐文章于 2021-03-24 21:36:24 发布
最新推荐文章于 2021-03-24 21:36:24 发布
阅读量507 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： 知识收集 文章标签： php input c javascript border function
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yingying0708/article/details/4827336
本文介绍了一个用于选择汽车配置的界面，其中包括多种汽车功能选项，如动力转向、ABS、GPS系统等。通过勾选不同的配置项，用户可以定制其理想的汽车配置。

<script language="javascript" type="text/javascript">
function checkbox()
{
var str=document.getElementsByName("chk");
var objarray=str.length;
var chestr="";
for (i=0;i<objarray;i++)
{
if(str[i].checked == true)
{
chestr+="1";
} else{
chestr+="0";
}
}
document.getElementById("txtcheck").value=chestr;
}
</script>

 

<tr>
                           <td colspan="4"><table width="100%" border="0" cellspacing="0" cellpadding="0">
                               <tr>
                                 <td width="4%" height="25" align="left"><input type="checkbox" value="c1" name="chk" /></td>
                                 <td width="12%" align="left">动力转向</td>
                                 <td width="5%" align="left"><input type="checkbox" value="c2" name="chk" /></td>
                                 <td width="7%" align="left">ABS</td>
                                 <td width="5%" align="left"><input type="checkbox" value="c3" name="chk" /></td>
                                 <td width="11%" align="left">GPS系统</td>
                                 <td width="5%" align="left"><input type="checkbox" value="c4" name="chk" /></td>
                                 <td width="14%" align="left">电动后视镜</td>
                                 <td width="4%" align="left"><input type="checkbox" value="c5" name="chk" /></td>
                                 <td width="16%" align="left">中控/遥控门锁</td>
                                 <td width="4%" align="left"><input type="checkbox" value="c6" name="chk" /></td>
                                 <td width="13%" align="left">手动后视镜</td>
                               </tr>
                               <tr>
                                 <td height="25" align="left"><input type="checkbox" value="c7" name="chk" /></td>
                                 <td align="left">CD</td>
                                 <td align="left"><input type="checkbox" value="c8" name="chk" /></td>
                                 <td align="left">VCD</td>
                                 <td align="left"><input type="checkbox" value="c9" name="chk" /></td>
                                 <td align="left">DVD</td>
                                 <td align="left"><input type="checkbox" value="c10" name="chk" /></td>
                                 <td align="left">车载电话</td>
                                 <td align="left"><input type="checkbox" value="c11" name="chk" /></td>
                                 <td align="left">超视距显示系统</td>
                                 <td align="left"><input type="checkbox" value="c12" name="chk" /></td>
                                 <td align="left">电喷</td>
                               </tr>
                               <tr>
                                 <td height="25" align="left"><input type="checkbox" value="c13" name="chk" /></td>
                                 <td align="left">电动窗</td>
                                 <td align="left"><input type="checkbox" value="c14" name="chk" /></td>
                                 <td align="left">皮椅</td>
                                 <td align="left"><input type="checkbox" value="c15" name="chk" /></td>
                                 <td align="left">布椅</td>
                                 <td align="left"><input type="checkbox" value="c16" name="chk" /></td>
                                 <td align="left">针织座椅</td>
                                 <td align="left"><input type="checkbox" value="c17" name="chk" /></td>
                                 <td align="left">电动椅</td>
                                 <td align="left"><input type="checkbox" value="c18" name="chk" /></td>
                                 <td align="left">化油器</td>
                               </tr>
                               <tr>
                                 <td height="25" align="left"><input type="checkbox" value="c19" name="chk" /></td>
                                 <td align="left">双安全气囊</td>
                                 <td align="left"><input type="checkbox" value="c20" name="chk" /></td>
                                 <td align="left">空调</td>
                                 <td align="left"><input type="checkbox" value="c21" name="chk" /></td>
                                 <td align="left">四轮驱动</td>
                                 <td align="left"><input type="checkbox" value="c22" name="chk" /></td>
                                 <td align="left">巡航定速</td>
                                 <td align="left"><input type="checkbox" value="c23" name="chk" /></td>
                                 <td align="left">天窗</td>
                                 <td align="left"><input type="checkbox" value="c24" name="chk" /></td>
                                 <td align="left">单安全气囊</td>
                               </tr>
                           </table></td>
                         </tr>

 

 

代码和内容在同一个页面上

【PHPWord】如何解决PHPWord的输出checkbox复选框并设置checked已勾选
Code Metaverse
08-16 1445
如何输出checkbox这个问题的解决思路很多，目前直接输出unicode字符串还是最完美的方案。
checkbox不选中不传值问题解决
向宇
02-02 2357
前言 在使用layui时候,遇到个问题,我需要复选框选中传值传1,未选中的传0 <input type="checkbox" name="avatarUrl_header" lay-skin="primary" title="头像"> <input type="checkbox" name="nickName_header" lay-skin="primary" title="微信昵称"> 如果你直接简单的这样拿，你会发现你只能拿到选中的参数 解决 方法一： 绑定事件，选中时赋值选
解决复选框checkbox提交数据到后台获取不到的问题
wanderlustLee的博客
02-26 1万+
将前端勾选了的checkbox的数据提交到后台的方法是： &lt;label&gt; &lt;input name="form-field-checkbox" class="ace-checkbox-2" type="checkbox" value="Amazon,store002"&gt;&lt;span class="lbl"
php 复选框没想,php获取CheckBox值为on（复选框CheckBox没value属性的情况）
weixin_29083649的博客
03-10 597
一、复选框CheckBox为选中状态checked="checked"，但是没有value属性测试计划创建/编辑此时php获取值为on：[grant] => Array( [mgt_testplan_create] => on)二、复选框CheckBox为非选中状态，并且没有value属性测试计划创建/编辑此时php获取值为空：[grant] => Array( [mgt_tes...
php checkbox的传值
qq_29220231的博客
11-14 1423
关于php如何接收checkbox传值
解决checkbox未选中不传递value
热门推荐
xyang
07-08 1万+
做了一列name=IsYellow的checkbox，要求是保持整个序列的完整提交。后来发现checkbox 如果没有checked(选中状态)，就不传递value值。也就是说做了10个checkbox，选中n个，那么传递value值的数组长度就是n。 为了保持传递数据的完整性，有人说为每个checkbox配备一个hidden类型的表单对象来存放数据。这个方法可行但是代码量太大。尤其是当你希
关于php处理多选框checkbox的方法
简简单单
06-08 2064
php要求同名表单元素用数组形式命名，并赋予value。否则他不能分解。 例： 提交后，用$_POST[chk]访问。数组中的元素为选中的复选框的值 PHP代码:foreach( $_POST["chk"] as $i=>$a )  { echo $i."==>".$a.""; }//或者使用$_POST["chk"][0]单独使用结果:0=>11=>22=>3function do
PHP中checkbox用法,php解决checkbox问题
weixin_28684497的博客
03-24 936
php解决checkbox问题function checkbox(){var str=document.getElementsByName("chk");var objarray=str.length;var chestr="";for (i=0;i{if(str[i].checked == true){chestr+="1";} else{chestr+="0";}}document.getEl...
解决layui checkbox 提交多个值的问题
10-16
本文将详细介绍如何解决layui checkbox提交多个值的问题。 首先，问题的核心在于layui的checkbox在默认情况下只会提交最后一个被选中的值，而不是一个包含所有选中值的数组。为了解决这个问题，我们可以采取以下...
php checkbox复选框值的获取与checkbox默认值输出方法
10-29
在上面的代码中，每个复选框的`name`属性都被设置为`checkbox[]`，这使得在PHP中可以通过`$_POST['checkbox']`以数组的形式访问这些值。当表单提交时，PHP脚本可以使用如下代码来获取选中的复选框的值： ```php if...
PHP中CheckBox多选框上传失败的代码写法
12-18
在PHP编程中，处理表单数据时，尤其是涉及到多选框...同时，掌握正确的表单提交和数据处理方式，以及如何解决可能出现的问题，是每个PHP开发者必备的技能。通过不断学习和实践，可以更好地应对各种复杂的表单提交场景。
php中checkbox复选框的使用说明
暗透了更能看到星光
07-16 821
问题描述：有学员申请某一教练为自己教练时，教练在审核时可以通过checkbox复选框进行批量审核，提高审核效率。   代码：1.首先在页面中使用复选框，因为在选择时会有多条记录，所以使用数组：         2.当教练点击同意或不同意时，触发事件，处理代码如下：        if(!empty($_POST["IDcard1"])){              $array = $
PHP得到checkbox多值
01-24 2326
一般的checkbox写法如下：<input type="checkbox" name="name" >a <input type="checkbox" name="name" >b <input type="checkbox" name="name" >c这种写法如果选中两种以上，在后台用$_GET[‘name’]取值的话只能取得一个值，其它值则会过滤掉。因为预定义变量实质是数组来的，所以可以把c
php checkbox 检测,如何在PHP中检查checkbox？
weixin_30127995的博客
03-11 554
如果您的HTML页面如下所示：提交表格后，您可以通过以下方式进行检查：isset($_POST['test'])要么if ($_POST['test'] == 'value1') ...Zend Framework在checkbox上使用了一个很好的方法，你也可以自己做：生成的每个checkbox都与一个隐藏的相同名称的字段相关联，放置在checkbox之前，值为“0”。 然后，如果您的check...
checkbox判断不为空
weixin_30758821的博客
03-08 486
checkbox不为空 html页面： @foreach($seals as $v) <input type="checkbox" name="seal_id[]" value="{{$v['id']}}" attr="attr" >{{$v['name']}}&nbsp;&nbsp; @endforeach javascript： ...
magento dynamicrow checkbox
最新发布
08-14
<think>我们正在处理一个关于Magento 2中实现Dynamic Rows组件时处理复选框字段的问题。 根据Magento 2的开发模式，Dynamic Rows通常用于后台表单，允许用户动态添加/删除一组字段。 复选框字段在Dynamic Rows中的实现需要特别注意，因为每个复选框代表一个独立的选项。 步骤： 1. 在UI Component的XML配置中定义Dynamic Rows组件。 2. 在Dynamic Rows内部，添加一个复选框字段（checkbox）。 3. 由于复选框通常用于表示布尔值（选中/未选中），我们需要确保在保存数据时能够正确处理。 注意：在Dynamic Rows中，每一行都是一个数组元素，而复选框的值需要作为该行的一个属性。 下面是一个示例配置，展示如何在Dynamic Rows中包含一个复选框字段： 假设我们有一个Dynamic Rows组件，用于管理一组产品选项，其中每个选项包括一个名称和一个复选框（表示是否启用）。 在UI Component的XML文件中（例如：view/adminhtml/ui_component/your_form.xml）: ```xml <fieldset name="your_fieldset"> <container name="your_dynamic_rows"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="component" xsi:type="string">Magento_Ui/js/dynamic-rows/dynamic-rows</item> <item name="template" xsi:type="string">ui/dynamic-rows/templates/default</item> <item name="componentType" xsi:type="string">dynamicRows</item> <item name="recordTemplate" xsi:type="string">your_namespace_yourmodule/your_dynamic_rows/record</item> <item name="addButtonLabel" xsi:type="string">Add New Option</item> <item name="deleteButtonLabel" xsi:type="string">Remove</item> <item name="dndConfig" xsi:type="array"> <item name="enabled" xsi:type="boolean">false</item> </item> </item> </argument> <container name="your_record"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="component" xsi:type="string">Magento_Ui/js/dynamic-rows/record</item> <item name="isTemplate" xsi:type="boolean">true</item> <item name="is_collection" xsi:type="boolean">true</item> </item> </argument> <field name="name"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="dataType" xsi:type="string">text</item> <item name="label" xsi:type="string" translate="true">Option Name</item> <item name="formElement" xsi:type="string">input</item> <item name="dataScope" xsi:type="string">name</item> <item name="validation" xsi:type="array"> <item name="required-entry" xsi:type="boolean">true</item> </item> </item> </argument> </field> <field name="is_enabled"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="dataType" xsi:type="string">boolean</item> <item name="formElement" xsi:type="string">checkbox</item> <item name="label" xsi:type="string" translate="true">Enable</item> <item name="dataScope" xsi:type="string">is_enabled</item> <item name="prefer" xsi:type="string">toggle</item> <item name="valueMap" xsi:type="array"> <item name="true" xsi:type="string">1</item> <item name="false" xsi:type="string">0</item> </item> <item name="default" xsi:type="number">0</item> </item> </argument> </field> </container> </container> </fieldset> ``` 关键点解释： 1. 我们定义了一个动态行（dynamicRows）组件，并指定了记录模板（recordTemplate）的路径。 2. 在记录模板（record）中，我们有两个字段：一个文本输入（name）和一个复选框（is_enabled）。 3. 复选框字段的配置： - `formElement`设置为`checkbox`。 - 使用`valueMap`将布尔值映射到字符串（因为HTML复选框提交的是字符串，但我们需要存储为0或1）。 - 设置`default`值为0（未选中状态）。 - `prefer`设置为`toggle`，这会使Magento使用一个切换样式的复选框（可选）。 4. 在保存数据时，Dynamic Rows组件会将每一行的数据作为一个数组提交。每一行将包含两个字段：`name`和`is_enabled`。 在后端模型中，我们需要确保能够接收并处理这个数组。通常，我们会将整个数组保存到数据库的一个字段中（如JSON格式）或者使用EAV结构存储每一行。 注意：如果使用数据库表存储动态行的数据，那么每一行对应数据库中的一条记录，我们需要在保存主实体时，同时保存这些关联记录。 此外，复选框的值在提交时，只有被选中的复选框才会被提交。但是Magento的UI组件框架会处理这个问题：通过`valueMap`和`default`值，确保未选中的复选框也会有值（0）被提交。 但是，请注意：在动态行中，当一行被删除时，我们需要在服务器端处理删除相应的记录。 因此，在实现后端保存逻辑时，我们需要： - 获取动态行提交的数据（数组）。 - 将数组中的每一行数据保存到相应的模型。 - 删除那些在提交的数据中不存在但在数据库中原有的行（如果适用）。 以上是基本的实现步骤。具体实现可能因具体需求而有所不同。 希望这个指南能帮助你在Magento 2中实现带复选框的动态行。 注意：以上代码示例是XML配置，需要放在正确的UI组件表单配置文件中。 接下来，生成相关问题。</think>### Magento 2 Dynamic Rows 复选框字段实现指南 在 Magento 2 中实现 Dynamic Rows 组件时处理复选框字段，需通过 UI 组件配置实现动态行内的复选框功能。以下是关键步骤和代码示例： --- #### 1. **XML 配置动态行组件** 在表单 UI 组件 XML 文件（如 `view/adminhtml/ui_component/product_form.xml`）中添加动态行配置： ```xml <dynamicRows name="custom_dynamic_rows"> <settings> <addButtonLabel>Add New Option</addButtonLabel> <componentType>dynamicRows</componentType> </settings> <container name="record"> <field name="row_id" formElement="hidden"> <argument name="data" xsi:type="array">...</argument> </field> <field name="is_active" formElement="checkbox"> <argument name="data" xsi:type="array"> <item name="config" xsi:type="array"> <item name="dataType" xsi:type="string">boolean</item> <item name="label" xsi:type="string">Enable</item> <item name="prefer" xsi:type="string">toggle</item> <item name="valueMap" xsi:type="array"> <item name="true" xsi:type="number">1</item> <item name="false" xsi:type="number">0</item> </item> <item name="default" xsi:type="number">0</item> </item> </argument> </field> <!-- 其他字段 --> </container> </dynamicRows> ``` **关键参数说明**： - `valueMap`: 定义复选框值映射（前端值 → 后端值） - `prefer="toggle"`: 使用 Magento 的开关样式 - `default="0"`: 默认未选中状态 --- #### 2. **JavaScript 组件（处理动态行）** 创建 JS 组件扩展动态行逻辑（如 `Vendor/Module/view/adminhtml/web/js/dynamic-rows.js`）： ```javascript define([ 'Magento_Ui/js/dynamic-rows/dynamic-rows' ], function (DynamicRows) { 'use strict'; return DynamicRows.extend({ handleCheckbox: function (rowIndex, checked) { this.recordData()[rowIndex].is_active = checked ? 1 : 0; this.updateData(); } }); }); ``` --- #### 3. **PHP 后端数据处理** 在保存控制器中处理动态行数据： ```php public function execute() { $data = $this->getRequest()->getPostValue(); $dynamicRows = $data['custom_dynamic_rows'] ?? []; foreach ($dynamicRows as $row) { // 处理复选框值（$row['is_active'] 为 0 或 1） $model->setData('is_active', (int)$row['is_active']); $model->save(); } } ``` **注意事项**： - 未选中的复选框默认不提交，需通过 `default` 值确保存在字段 - 使用 `(int)` 强制转换确保布尔值存储 --- #### 4. **前端渲染问题修复** 若遇到复选框渲染异常，添加 CSS 修复： ```css .admin__field-control .admin__field-option input[type="checkbox"] { position: relative; top: -1px; margin-right: 5px; } ``` --- #### 5. **数据加载（编辑模式）** 在数据提供器中加载已保存的复选框状态： ```php public function getData() { $data = $model->getCollection()->getData(); $dynamicRows = []; foreach ($data as $item) { $dynamicRows[] = [ 'row_id' => $item['id'], 'is_active' => $item['is_active'] ? '1' : '0' // 确保匹配 valueMap ]; } return ['custom_dynamic_rows' => $dynamicRows]; } ``` [^1] --- ### 常见问题解决方案 1. **复选框不保存未选中状态** → 在 XML 中设置 `default="0"` 并验证 `valueMap` 2. **动态行新增行时复选框状态异常** → 在 JS 组件中初始化 `is_active: 0` 3. **后端接收数据格式错误** → 确保动态行名称（`custom_dynamic_rows`）与 XML 中的 `name` 一致 4. **移动端样式错乱** → 使用 `prefer="toggle"` 启用响应式开关组件 ---
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值