gpt4 book ai didi

javascript - 通过单击一系列 div 来选中和取消选中复选框

转载 作者:行者123 更新时间:2023-11-30 17:57:00 25 4
gpt4 key购买 nike

<分区>

当我点击一系列 div 时,我试图选中和取消选中复选框。例如,我有一个包含三个 div 的列表,每个 div 对应一个复选框。当我选择一个 div 时,我应该选中一个框并取消选中之前单击之前选择的框。

这是我的html

<div class="trigger">1</div>
<div class="trigger">2</div>
<div class="trigger">3</div>

<input id="one" type="checkbox">
<input id="two" type="checkbox">
<input id="three" type="checkbox">

和js

$('.trigger').click(function(){
$('input[type=checkbox]').attr('checked', false);
$('input[type=checkbox]').eq($(this).index('.trigger')).attr('checked', true);
});

该过程在第一个循环中运行良好,并在第一次迭代后停止工作。这是 fiddle 。无法弄清楚我做错了什么

http://jsfiddle.net/sghoush1/GS7p8/5/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com