jquery - jqueryに変換

Question

私はjqueryを学んでおり、このサーバー側のコードをjquery関数に変換する方法を学びたいと思っています。どんな助けでも大歓迎です。

Protected Sub ChartstoDisplay_SelectedIndexChanged(sender As Object, e As System.EventArgs) Handles ChartstoDisplay.SelectedIndexChanged
    For i As Integer = 0 To ChartstoDisplay.Items.Count - 1
        If ChartstoDisplay.Items(i).Selected Then
            ChartstoDisplay.Items(i).Attributes.Add("style", "color:DarkGreen;")
        Else
            ChartstoDisplay.Items(i).Attributes.Add("style", """")
        End If
    Next
End Sub

私はこれを無駄に試しました。

function checkboxSelection() {          
    foreach (ListItem li in ChartstoDisplay.Items)
    {
        li.Attributes["class"] = "checkBoxListItems";
    }
    $('#ChartstoDisplayAll').click(function() {
    $(".checkBoxListItems").each(
        function(intIndex) {
            if ($(this).find('input').attr('checked') === true)
                    $(this).attr.add("style","color:DarkGreen;");
        });
    });
}

Answer 1

ChartstoDisplayはコンボボックスであり、選択に基づいてクラスを変更したいと思います。Jqueryの変更

$(document).ready(function(){
     $("ChartstoDisplay").change(function () {
           $("select option:selected").each(function () {
                    $(this).addClass("Selected") ;
                  });
           }).change();

});

Answer 2

ここと他の人の助けを借りてここに解決策があります

$(document).ready(function () {
      $('#ChartstoDisplayAll').change(
          function () {
              if ($('#ChartstoDisplayAll').is(':checked')) {
                  $(this).next().addClass("selected");
                  $('#buttons').addClass("buttonsshow").removeClass('buttonshide');
                  $("#cbxArea input[type=checkbox]").each(function () {
                      $(this).prop("checked", true);
                      $(this).siblings("label").toggleClass("selected");
                  });
              } else {
                  $('#buttons').addClass("buttonshide").removeClass('buttonsshow');
                  $(this).next().removeClass("selected");
                  $("#cbxArea input[type=checkbox]").each(function () {
                      $(this).prop("checked", false);
                      $(this).siblings("label").removeClass("selected");
                  });
              }
          });
  });