首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >创建一个具有单击事件的数组

创建一个具有单击事件的数组
EN

Stack Overflow用户
提问于 2014-01-18 17:25:28
回答 1查看 171关注 0票数 2

因此,我有一组复选框,这些复选框是用以下代码动态创建的:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<?php foreach($candies as $candy): ?>

     <a style="cursor:pointer;" class="candy list-group-item" data-id="<?php echo $candy['candy_id']; ?>" data-toggle="popover" data-placement="top" data-html="true" data-trigger="hover" data-content="<img src='<?php echo $candy['candy_img']; ?>'>"><?php echo $candy['candy_name']; ?></a>

     <input type="checkbox" id="<?php echo $candy['candy_id']; ?>" name="<?php echo $candy['candy_name']; ?>" style="display:none;" />

<?php endforeach; ?>

这导致了以下(缩短)代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<ul class="list-group">
    <a style="cursor:pointer;" class="candy list-group-item" data-id="1" data-toggle="popover" data-placement="top" data-html="true" data-trigger="hover" data-content="&lt;img src='http://www.groovycandies.com/pc/catalog/8992_General.jpg'&gt;" data-original-title="" title="">Raspberry Gummi Bears</a>

    <input type="checkbox" id="1" name="Raspberry Gummi Bears" style="display:none;">


    <a style="cursor:pointer;" class="candy list-group-item" data-id="2" data-toggle="popover" data-placement="top" data-html="true" data-trigger="hover" data-content="&lt;img src='http://www.groovycandies.com/pc/catalog/candy-runts-5.jpg'&gt;" data-original-title="" title="">Runts</a>

    <input type="checkbox" id="2" name="Runts" style="display:none;">

    ...
</ul>

然后我有javascript,当单击上面的<a>时,正确的checkbox被选中或未选中。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<script type="text/javascript">

    $(".candy").click(function(){

        var id = $(this).data('id');

        var checkbox = $("#"+id).prop("checked");

        if ( checkbox != true) {

            $("#"+id).prop("checked", true);

            $(this).attr("class","candy list-group-item active");
        }
        else
        {
            $("#"+id).prop("checked", false);

            $(this).attr("class","candy list-group-item");
        }

    });

    </script>

现在我要提交表格了..。但在我这么做之前,我还想做一件事。我搞不懂。

我想在php中创建一个数组,我的理解是:<?php $candies = array(); ?>,这将创建一个空白数组。现在,当选中复选框时,我希望将复选框的名称添加到数组中。或者当未选中复选框时,它将从数组中移除。我希望在提交表格之前做到这一点。我怎样才能做到这一点?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2014-01-18 17:34:44

这可以在没有链接的情况下完成,而javascript只需使用以下标签即可完成:

通过注意输入的name属性,使复选框成为数组。附加的[]向服务器发送一个数组。

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<p><label><input type="checkbox" name="candies[]" value="Raspberry Gummi Bears" /> Raspberry Gummi Bears</label></p>
<p><label><input type="checkbox" name="candies[]" value="Runts" /> Runts</label></p>

然后在PHP端:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<?php
$candies = $_POST["candies"];
print_r($candies);
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21212115

复制
相关文章
Android Button 单击事件
方法一:在XML文件中指定 单击事件函数 <Button             android:id="@+id/button1"             android:layout_width="120dip"             android:layout_height="wrap_content"             android:layout_alignParentLeft="true"             android:layout_below="@+id/textView1
磊哥
2018/05/08
1.7K0
双击事件与单击事件的那些事
合情合理,双击事件也是两次点击事件,所以同时会触发单击事件click和双击事件dblclick。但是需求是单击和双击不同的处理,所以双击的时候不应该触发单击事件。
赤蓝紫
2023/03/16
3.8K0
双击事件与单击事件的那些事
weex-08-单击事件
本节任务 学会组件添加单击事件 标准格式 <text v-on:click="方法名称">点我啊</text> 省略格式 <text @click="方法名称">点我啊</text> 下面我们创建
酷走天涯
2018/09/14
1.7K0
weex-08-单击事件
【说站】js创建具有可变数量的数组
1、Array.of()方法创建一个具有可变数量参数的新数组实例,而不考虑参数的数量或类型。
很酷的站长
2022/11/24
3.1K0
【说站】js创建具有可变数量的数组
HarmonyOS实战—实现单击事件流程
1. 什么是事件? 事件就是可以被识别的操作 。就是可以被文本、按钮、图片等组件识别的操作。 常见的事件有:单击、双击、长按、还有触摸事件 。 可以给文本、按钮等添加不同的事件。比如添加了单击事件之后
兮动人
2021/08/20
1.5K0
JavaScript 技巧篇-js增加延迟时间解决单击双击事件冲突,双击事件触发单击事件
js 的单双击事件同时存在会有一个问题:双击事件会同时触发单击事件,两个事件存在冲突。 我们加一个延迟时间就能很好的解决这个问题。
小蓝枣
2020/09/23
6.2K0
HarmonyOS实战—单击事件的四种写法
单击事件的四种写法 [在这里插入图片描述] 1. 自己编写实现类 编写实现类(MyListener)去实现 Component.ClickedListener 接口 在类里面重新下 onClick 方
兮动人
2021/08/20
1.1K0
jQuery 双击事件(dblclick)时,不触发单击事件(click)
在jQuery的事件绑定中,执行双击事件(dblclick)时能触发两次单击事件(click)。即一个标签元素(如div等),如果元素同时绑定了单击事件(click)和双击事件(dblclick),那么执行单击事件(click)时,不会触发双击事件(dblclick), 执行双击事件(dblclick)时却会触发两次单击事件(click)。 先看一下点击事件的执行顺序:
飞奔去旅行
2019/06/13
5.4K0
IOS5开发-UIScrollView添加单击事件的方法
UIScrollView在开发中是一个非常常用的控件,UIScrollView具有水平、垂直滚动和缩放效果。但是尽然没有响应单击事件这个事件。而这个事件在日常的交互中是非常需要的。比如当用于单击或轻触图片的某个位置时,给于一些交互性提示。 下面我将用例子说明一下如何给UIScrollView添加一个单击的响应。 代码如下: 添加一个自定义的UIScrollView,命名:UITouchScrollView UITouchScrollView.h代码如下 #import <Foundation/Foundat
阿新
2018/04/12
1.9K0
ztree实现根节点单击事件,显示节点信息
这段时间在维护公司的项目,去年做的项目里面有ztree树的例子,想起之前还没有开始写博客,一些知识点也无从找起,要新加一个右击节点事件,折腾了半天,其中也包含了一些知识点,稍稍做了一些demo。
王小婷
2018/09/26
7.2K0
ztree实现根节点单击事件,显示节点信息
VC中CTreeContrl实现响应单击或双击事件
首先需要重写CtreeContrl,然后在.h中添加 afx_msg void OnDblClkTree(NMHDR* pNMHDR, LRESULT* pResult);//双击事件 afx_msg void OnClkTree(NMHDR* pNMHDR, LRESULT* pResult);//单击事件 .h文件 #pragma once ///////////////////////////////////////////////////////////////////////////// //
acoolgiser
2019/01/17
1.8K0
js(javascript) onclick与ondblclick 单击与双击事件
js 单击时间为:onclick 双击事件为:ondblclick 如下是一个演示,想必很清楚,复制代码运行一下就懂了:
1_bit
2020/10/23
7.1K0
Android之按钮点击事件(单击、双击、长按等)
在布局文件中添加按钮点击事件 1、在xml文件中 为 Button 添加android:onclick属性
程思扬
2023/07/24
2.4K0
如何创建一个不受长度限制的数组?
哈哈,如果你非要这样提问不可,我也不好说什么。真有不少新手提出这样的问题,我还是要说,这是个好问题,毕竟程序员是最具有创新精神的群体。
高一峰
2020/09/22
4.8K0
如何创建一个不受长度限制的数组?
JAVASCRIPT创建一个基于数组的栈结构
栈是一种遵从后进先出(LIFO)原则的有序集合。新添加或待删除的元素都保存在栈的同 一端,称作栈顶,另一端就叫栈底。在栈里,新元素都靠近栈顶,旧元素都接近栈底。
用户1289394
2021/10/13
1K0
一个创建自定义事件源的例子
本文讲述了一种可配置化的事件驱动架构,通过使用RunLoop、Event、Timer、DispatchSource等框架,结合自定义事件源,实现了代码可配置化的异步事件驱动架构。该架构可以灵活地应对各种不同的异步任务,具有良好的可扩展性和可维护性。同时,本文还提供了丰富的实例,以展示该架构的用法和实现细节,对于有兴趣深入了解该架构的读者,具有较好的参考价值。
MelonTeam
2018/01/04
2.2K0
一个创建自定义事件源的例子
String数组的创建
因为java是强类型语言,声明变量的时候要指定变量的类型,使用前者更能清楚表达数组类型,而使用后者,光看类型是不知道是数组还是int的。
全栈程序员站长
2022/06/26
1.7K0
python创建新数组_python怎么创建数组
2.间接定义matrix=[0 for i in range(4)]  print(matrix)
全栈程序员站长
2022/06/26
4.6K0
点击加载更多

相似问题

RXJS:具有单击事件的迭代数组

11

为动态创建的按钮数组单击事件

12

创建具有R中数组事件计数的数组

34

具有单击事件的XamlReader

23

具有绑定事件的Jquery单击事件

25
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文