gpt4 book ai didi

javascript - 如果选中另一个复选框,则选中复选框

转载 作者:塔克拉玛干 更新时间:2023-11-02 22:15:31 24 4
gpt4 key购买 nike

如果选中值为 1 的复选框,我希望值为 2 的复选框自动被选中。两者具有相同的 ID,因此我无法使用 getElementById。

html:

<input type="checkbox" value="1" id="user_name">1<br>
<input type="checkbox" value="2" id="user_name">2

我累了:

var chk1 = $("input[type="checkbox"][value="1"]");
var chk2 = $("input[type="checkbox"][value="2"]");

if (chk1:checked)
chk2.checked = true;

最佳答案

您需要将 HTML 和 jQuery 更改为:

var chk1 = $("input[type='checkbox'][value='1']");
var chk2 = $("input[type='checkbox'][value='2']");

chk1.on('change', function(){
chk2.prop('checked',this.checked);
});
  1. id 是唯一的,你应该使用类代替。

  2. chk1chk2 的选择器是错误的,请像上面那样使用 ' 正确连接它。

    <
  3. 使用 change() 函数检测第一个复选框何时被选中或未选中,然后使用 prop() 更改第二个复选框的选中状态.

Fiddle Demo

关于javascript - 如果选中另一个复选框,则选中复选框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21372829/

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