首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >选中每个复选框的Symfony和ajax。

选中每个复选框的Symfony和ajax。
EN

Stack Overflow用户
提问于 2022-10-04 10:08:29
回答 1查看 50关注 0票数 0

我正在学习Ajax和Symfony。因为我创建了一个循环来显示数据库中的所有环,所以我想在每个环上加上复选框,并且只想在顶部显示选定的环。所以我尝试使用Ajax,这样就不需要刷新页面了。在制作php控制器之前,我只需放置警告框来检查它是否工作,但它似乎不起作用。

这是我的小树枝档案“”

代码语言:javascript
运行
复制
    {% for ring in rings %}
<div class="row g-0 mb-5">
    <div class="text-center ">
        <p>Ring Name: {{ ring.ring_name }}</p>
        <p>Ring Type: {{ ring.ring_type }}</p>
        <p>Ring Shape: {{ ring.ring_shape }}</p>
        <p>Ring Size: {{ ring.size }}</p>
        <p>Price: {{ ring.price }}</p>
        <input type="checkbox" id="select_ring" name="select_ring" value=ring.id  >
        
    </div>
    <br>
    <div class="text-center">
        <a href="" class="btn-basic">detail</a>
        <a href="{{ url('update_ring', {'id':ring.id}) }}" class="btn-basic">Update Ring</a>
    </div>

</div>
{% endfor %}

“”“

这是小树枝里的Ajax

代码语言:javascript
运行
复制
    $('#myCheckbox').click(function() {
var checked = $(this).is(':checked');

$.ajax({
    type: "POST",
    url: myUrl,
    data: { checked : checked },
    success: function(data) {
        alert('it worked');
    },
    error: function() {
        alert('it broke');
    },
    complete: function() {
        alert('it completed');
    }
});

);“‘’”

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2022-10-04 12:33:12

您想要做的只是一个前端操作,您不需要为此使用ajax。

只需将ID定义为您的戒指(基于环id为例),并将您的所有戒指设置为隐藏在开始。

然后在js/jquery中(BTW忘记Jquery,它是lame),只需在单击时将选定的元素设置为可见。不要忘记每次单击某个环时都将其他元素隐藏起来,否则前面的环将保持可见。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/73946302

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档