javascriptのチェックボックス/同じdivの中uncheckbox複数の項目

Question

私はこのようなチェックボックスとオプション、 imag1

を持っている場合、私は私が行うことができますJavaScriptでどのような方法があるかどうかを知る必要があります。 私は外傷性チェックすると、非外傷性をチェックしてから、トラウマは自動的にチェックを外すべきです。次の2つのオプションと同じです。私が急性をチェックしたら、自動的に慢性にチェックし、急性はチェックしないでください。急性、外傷性、慢性、非外傷性のような2つのオプションも選択できます。これらのオプションはすべて同じ入力IDとdivにあります。

if(final_comorb != null && final_comorb.length != 0) { 
      for(var i=0; i<final_comorb.length; i++) { 
       tableBody += "<tr><td><table>" 
          + "<tr onmouseover=\"mouseOverPara('rrSentencesImg"+index+impression_prefix+i+"','rrSentencesCol"+index+impression_prefix+i+"');\" onmouseout=\"mouseOutPara('rrSentencesImg"+index+impression_prefix+i+"','rrSentencesCol"+index+impression_prefix+i+"');\">" 
          + "<td><div id='rrSentencesCol"+index+impression_prefix+i+"'>" 
          + "<a onmouseover=\"makeDivVisibleRR('rrSentences"+index+impression_prefix+i+"');\" onmouseout=\"makeDivHiddenRR('rrSentences"+index+impression_prefix+i+"');\">" 
          + "<b><font color='#0000FF'><input class='rrPart' id='rrGroup"+index+impression_prefix+i+"' type='checkbox' value='GROUP' onclick='javascript:otherForm(\"rrChkGrp"+index+impression_prefix+i+"\",\"rrGroup"+index+impression_prefix+i+"\");'>"+final_comorb[i][1] 
          + "</font></b></a></div>"; 

       tableBody += "<div id='rrChkGrp"+index+impression_prefix+i+"' style='display: none; margin-left: 60px;'>"; 

       for(var j=2; j<final_comorb[i].length; j++) { 
        for(var k=0;k<final_comorb[i][j].length;k++){ 
        tableBody += "<br><input class='rrPart"+index+impression_prefix+i+"' id='rrGrp"+index+impression_prefix+i+"Chk"+j+"' type='checkbox'>"+final_comorb[i][j][k]; 
        } 
       } 
} 
} 

7行目（final_comorb i）第一レベルの用語を表示し、この例の硬膜下に：それらを表示するためのコードは次のようなものです。 14行目のfinal_comorb [i] [j] [k]には、上記のオプションが表示されます。これはどうすればいいですか？前もって感謝します。

Answer 1

あなたがチェックボックスを維持する必要がある場合thisフィドルを助けることができるかどうかを確認します。

$(function(){ 
    var checkboxBinding = {}; 
    $('[data-binding]').each(function(){ 
    var $this = $(this); 
    var bindingName = $this.data('binding'); 
    if(checkboxBinding[bindingName] === undefined){ 
     checkboxBinding[bindingName] = []; 
    } 
    checkboxBinding[bindingName].push($this); 
    $this.on('change', function(){ 
     if($this.is(':checked')){ 
     var bindingsArr = checkboxBinding[bindingName]; 
     bindingsArr.forEach(function(checkboxItem){ 
      if(checkboxItem !== $this){ 
      $(checkboxItem).prop('checked', false); 
      } 
     }); 
     } 
    }); 
    }); 
}); 

Answer 2

これは、あなたがINTOチェックボックスを求めているデフォルトの機能を持っているラジオボタンを、スタイルに、一つの方法である：

HTML：

<label><input type="radio" name="radio"> traumatic</label> 
<label><input type="radio" name="radio"> non traumatic 2</label> 

<div></div> 

<label><input type="radio" name="radio"> acute</label> 
<label><input type="radio" name="radio"> chronic 2</label> 

• 私だけでそのdiv要素を置きます入力を次の行にキックするためにそこに

CSS

input[type="radio"] { 
    -webkit-appearance: checkbox; 
    -moz-appearance: checkbox;  
} 

Example working JSFiddle