森老頭的瘋狂世界

ToggleButtonExtender 可以直接與單一的 CheckBox 結合，以圖片來代表傳統勾選介面的方式。

但碰到 CheckBoxList 時卻無法將 ToggleButtonExtender 的 TargetControlID 設為 CheckBoxList 控制項 ID

這時需要自行撰寫 JavaScript

<script src="jquery-1.3.2.js" type="text/javascript"></script> <script type="text/javascript"> $(function() { var CheckedImageAlternateText = "Good"; var CheckedImageUrl = "images/ToggleButton_Checked.gif"; var ImageHeight = 20; var ImageWidth = 20; var UncheckedImageAlternateText = "shit"; var UncheckedImageUrl = "images/ToggleButton_unChecked.gif"; var tid = "CheckBox1_ToggleButtonExtender"; $("#CheckBoxList1 :checkbox").each(function(index) { $create(AjaxControlToolkit.ToggleButtonBehavior, { "CheckedImageAlternateText": CheckedImageAlternateText, "CheckedImageUrl": CheckedImageUrl, "ImageHeight": ImageHeight, "ImageWidth": ImageWidth, "UncheckedImageAlternateText": UncheckedImageAlternateText, "UncheckedImageUrl": UncheckedImageUrl, "id": tid + index.toString() }, null, null, $get(this.id)); }); }); </script>