最初にチェックボックスをオンにし、その他はクライアント側のチェックボックスリストから無効にする

Question

私はチェックボックスリストを持っています。ページの読み込み時に、最初のチェックボックスをオンにし、他のものを無効にする。チェックボックスリストからチェックボックスを1つだけチェックする必要があり、チェックボックスをオフにする必要があります。チェックボックスをオフにするとチェックボックスをオンにします。チェック

私のjavascriptコードはここにありますが、ページの読み込み時に最初のチェックボックスがチェックされていません。また、チェックボックスリストを使用中に各チェックボックスのIDが必要です。

function CheckOptions(CheckBoxList) { 
     var checkboxlist = document.getElementById('CheckBoxList1'); 

      var checkedCount = 0; 
      var options = CheckBoxList.getElementsByTagName('input');     
      for (var i = 0; i < options.length; i++) { 
       if (options[i].checked) {      
        checkedCount += 1; 
       } 
      } 

      if (checkedCount > 0) { 
       for (var j = 0; j < options.length; j++) { 
        if (!options[j].checked) 
         options[j].disabled = true; 

       }    } 
      else { 
       for (var k = 0; k < options.length; k++) { 
        options[k].disabled = false; 
       } 
      } 

    } 

Answer 1

一度に1つだけチェックしたい場合は、ラジオボタンのグループが目的に適しているように聞こえます。

Answer 2

$(function() { 
    var checkboxes = $("input[type=checkbox]"); 

    // select the first one on load 
    checkboxes.eq(0).attr("checked", "checked"); 
    checkboxes.each(function(i, e) { 
     if (i > 0) { 
      $(e).attr("disabled", "disabled"); 
     } 
    }) 

    // handle further selections: 
    checkboxes.click(function() { 
     if ($(this).attr("checked")) { 
      var t = this; 
      checkboxes.each(function(i, e) { 
       if (e != t) { 
        $(e).attr("disabled", "disabled"); 
       } 
      }); 
     } else { 
      checkboxes.attr("disabled", null) 
     } 
    }); 

});