asp.net - Html 复选框绑定

Question

要将值绑定到复选框列表，我使用了以下代码，它工作正常

   CheckBoxList1.DataSource = languagesPair;
   CheckBoxList1.DataTextField = "Key";
   CheckBoxList1.DataValueField = "Value";
   CheckBoxList1.DataBind();

我需要使用 html 复选框而不是使用 asp 控件“CheckBoxList”。通过使用 html 复选框，我如何实现上述功能。

Answer 1

为此使用 jQuery。检查此示例代码

$("#chk1").data("Score", 3);
$("#chk2").data("Score", 1);
$("#chk3").data("Score", 2);
$("#chk4").data("Score", 5);

$("#checks :checkbox").change(function(e){
    if ($(this).is(":checked"))
        alert("checked Score: " + $(this).data("Score"));
    else
        alert("not checked Score: " + $(this).data("Score"));
});

数据绑定（jsfiddle）。所有学分都归于 BrunoLM。