Html复选框绑定

Question

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

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

而不是使用asp控件'CheckBoxList'我需要使用html复选框。通过使用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"));
});

data binding(jsfiddle)。所有学分均为BrunoLM。