|
 |
|
ASP.Net อ่านค่าและกำหนดค่า Control RadioButtonList ด้วย jQuery |
|
 |
|
|
 |
 |
|
Source Code Jquery ด้านล่างนี้ ทำงานได้ดีครับ แต่ผมอยากให้มันกระชับ (สั้น) และดี มากกว่านี้
พอจะทำได้หรือไม่ครับ (ผมไม่ถนัด JavaScript)
ขอบคุณมากครับ
Code (VB.NET)
<asp:RadioButtonList ID="rblInputType" runat="server" RepeatColumns="3" BackColor="Transparent"
RepeatDirection="Horizontal" Width="370px" AutoPostBack="true">
<asp:ListItem Value="0">Text0</asp:ListItem>
<asp:ListItem Value="1">Text1</asp:ListItem>
<asp:ListItem Value="2">Text2</asp:ListItem>
<asp:ListItem Value="3">Text3</asp:ListItem>
<asp:ListItem Value="4">Text4</asp:ListItem>
<asp:ListItem Value="5">Text5</asp:ListItem>
</asp:RadioButtonList>
Code (JavaScript)
$(document).live('keydown', function (event) {
var keycode = (event.keyCode ? event.keyCode : event.which);
switch (keycode) {
case 65: //a
$('#<%=rblInputType.ClientID %>').find("input[value='0']").attr("checked", "checked");
$("#<%=rblInputType.ClientID%> input[value=" + "0" + "]").trigger('click');
break;
case 83: //s
$('#<%=rblInputType.ClientID %>').find("input[value='1']").attr("checked", "checked");
$("#<%=rblInputType.ClientID%> input[value=" + "1" + "]").trigger('click');
break;
case 68: //d
$('#<%=rblInputType.ClientID %>').find("input[value='2']").attr("checked", "checked");
$("#<%=rblInputType.ClientID%> input[value=" + "2" + "]").trigger('click');
break;
case 90: //z
$('#<%=rblInputType.ClientID %>').find("input[value='3']").attr("checked", "checked");
$("#<%=rblInputType.ClientID%> input[value=" + "3" + "]").trigger('click');
break;
case 88: //x
$('#<%=rblInputType.ClientID %>').find("input[value='4']").attr("checked", "checked");
$("#<%=rblInputType.ClientID%> input[value=" + "4" + "]").trigger('click');
break;
case 67: //c
$('#<%=rblInputType.ClientID %>').find("input[value='5']").attr("checked", "checked");
$("#<%=rblInputType.ClientID%> input[value=" + "5" + "]").trigger('click');
break;
}
});
Tag : JavaScript, jQuery, Web (ASP.NET), VB.NET, C#

|
|
 |
 |
 |
 |
Date :
2013-03-23 11:14:08 |
By :
ผ่านมา |
View :
1035 |
Reply :
1 |
|
 |
 |
 |
 |
|
|
|
 |
 |
|
 |
 |
 |
|
|
 |
 |
|
ถ้าใช้ Keycode แบบนี้อันนี้น่าจะง่ายที่สุดแล้วครับ
|
 |
 |
 |
 |
Date :
2013-03-23 18:29:16 |
By :
mr.win |
|
 |
 |
 |
 |
|
|
 |
 |
|
 |
 |
|
|
|

|
Load balance : Server 02
|