JQuery 使用一个复选框以编程方式取消选中另一个复选框

发布于 2024-10-14 11:01:29 字数 540 浏览 6 评论 0原文

我正在寻找一个脚本，其中一个复选框将取消选中另一个复选框。虽然有点复杂，因为所有数据都是以编程方式加载的。因此，如果未选中某个复选框，则过程将获取其 src 值，然后遍历其他输入并查找标题为“RQlevel”+单击元素的 src 值的输入，并将其设置为未选中。

这是当前的代码。

function levels() {
  var test = $(this).attr('src'); 
  if ($(this).is(':not(:checked)')) { 
    $(':input').each(function() { 
      if ($(this).attr('title') === ('RQLevel' + test)) {
        $(this).removeAttr('checked');
      }
    });
  }
}

这里有一个工作示例可以说明问题http://jsfiddle.net/V8FeW/7/ 如果两个框都被选中，然后第一个框被取消选中，那么第二个框也应该被选中。

奇妙

原文

I'm after a script where one checkbox will uncheck another. It is a bit complicated though as all the data is loaded programatically. So if a checkbox is unchecked the procedure is to take its src value, then go through the other inputs and find inputs that have a title of 'RQlevel' + the src value of the clicked elements and set it to unchecked.

Here is the current code.

function levels() {
  var test = $(this).attr('src'); 
  if ($(this).is(':not(:checked)')) { 
    $(':input').each(function() { 
      if ($(this).attr('title') === ('RQLevel' + test)) {
        $(this).removeAttr('checked');
      }
    });
  }
}

There is a working example here that will illustrate the issue http://jsfiddle.net/V8FeW/7/
If both boxes are checked and the first box is then unchecked it should take the second box with it.

Marvellous

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

七禾 2024-10-21 11:01:29

function levels() {
  var test = $(this).attr('src'); 
  if (!this.checked)
     $('input:checkbox[title=RQlevel' + test + ']').removeAttr('checked');
}

$(function() {
    $('input:checkbox').bind('change', levels);
});

演示：http://jsfiddle.net/V8FeW/12/

function levels() {
  var test = $(this).attr('src'); 
  if (!this.checked)
     $('input:checkbox[title=RQlevel' + test + ']').removeAttr('checked');
}

$(function() {
    $('input:checkbox').bind('change', levels);
});

Demo: http://jsfiddle.net/V8FeW/12/

回复收藏 0 原文