多字段中的复选框侦听器问题答案

【问题标题】：Issue with checkbox listener in multifield多字段中的复选框侦听器问题
【发布时间】：2015-07-28 12:17:36
【问题描述】：

我有一个多字段组件，每个项目都有一个复选框。我正在添加一个侦听器，以便如果选中一个复选框，则应自动取消选中所有其他复选框。我正在用 jquery 编写侦听器。当我检查多字段中的下一个项目时，该功能可以正常工作，但是，当我检查多字段项目中的上一个复选框时，它不起作用。

这段代码有什么用处：

Check = 

function(e) {
   $("input[name='./isActive']").each(function () {
    if($(this).attr('id') !== e.id && $(this).attr('checked') && e.getValue() !== false) {
     if (confirm('Do you want to replace Alert message?')) {
      $(this).removeAttr('checked');
      return;
     } else {
      e.setValue(false);
      return;
     }
    }
   });
 }

提前致谢

【问题讨论】：

标签： javascript jquery aem

【解决方案1】：

希望这能解决您的问题 JS FIDDLE

$(document).ready(function(){
    $('.multiChecks').change(function() {        
        if($(this).prop('checked')){
            $('.multiChecks').not(this).removeAttr('checked');
        }
    }); });

【讨论】：

【解决方案2】：

$(document).ready(function(){
 $('.multiChecks').change(function() {  
  var index = $( '.multiChecks' ).index( this );
  if($(this).prop('checked')){
   $('.multiChecks:gt('+index+')').removeAttr('checked');
   $('.multiChecks:;t('+index+')').removeAttr('checked');
  }
 });
});

【讨论】：