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

在here和其他人的帮助下，这是解决方案

$(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");
                  });
              }
          });
  });