时间戳

首页 > 解决方案 > 如何使用输入类型收音机使用 jquery 为对象设置动画

javascript - 如何使用输入类型收音机使用 jquery 为对象设置动画

问题描述

我有这个“块”和一些无线电输入。当其中一些被选中时，我想让块移动。但是，我发现用于验证无线电输入的示例是使用$("input[name='objName']:checked". 如果我使用 执行此操作name，则验证将不起作用（因为所有输入都具有相同的名称值）。如果我改变每一个name，那么我可以选择所有的输入——我不想这样做。

HTML 代码

                    <div class="block"></div>
                    <input type="radio" name="image" id="a1" class="input-task1"/>
                    <label for="a1" class="label-fase1"><img src="img/walk2.png" alt="2" class="img-form">Two (2)</label>
                    
                    <input type="radio" name="image" id="a2" class="input-fase1"/>
                    <label for="a2" class="label-fase1"><img src="img/walk2.png" alt="3" class="img-form">Three (3)</label>
                    
                    <input type="radio" name="image" id="a3" class="input-fase1"/>
                    <label for="a3" class="label-fase1"><img src="img/walk2.png" alt="4" class="img-form">Four (4)</label>
                    
                    <input type="radio" name="image" id="a4" class="input-fase1"/>
                    <label for="a4" class="label-fase1"><img src="img/walk2.png" alt="5" class="img-form">Five (5)</label>

我找到的 jQuery 代码

    if ($("input[name='image']:checked")){
    let walk= 2;
    for (var start = 0; start < walk; start ++){
        $(".bloco").animate({"left": "+=50px"}, "slow");
    }
}

有没有办法使用这个jQuery逻辑但有ID？另一个问题是，我可以把它放到一个函数中并在onclick一个按钮中调用这个函数，所以当我完成问题时，我可以运行这个函数并为块设置动画？

标签： javascripthtmljqueryjquery-animate

解决方案

推荐阅读