2010-03-18 4 views
2

나는 다음과 같은 ASP.NET RadioButtonList 있습니다JQuery와 선택 항목

<asp:RadioButtonList ID="rbl" runat="server"> 
    <asp:ListItem Text="Type1" Value="1" /> 
    <asp:ListItem Text="Type2" Value="2" /> 
</asp:RadioButtonList> 

내가 프로그래밍과 같은 클라이언트 측 JQuery와 기능을 통해 목록에서 항목을 선택하고 싶습니다를 (단순화 된 버전)

function BindWidget(widget) { 
    // Type property of Widget is an int. 
    $("#<%=rbl.ClientID%>").selectItemByValue(widget.Type); 
} 

이상적으로, 어떤 함수가 - 특정 값에 의해 RadioButtonList에서 항목을 선택 - 상기 코드는 I selectItemByValue을 제안 하였다. jquery에는 비슷한 함수가 내장되어 있습니까? 그렇지 않다면, 원하는 기능을 어떻게 구현해야합니까?

답변

4

을 사용하여 선택

$("#<%=rbl.ClientID%> input[value=" + widget.Type + "]") 
+0

이 작업을 수행 할 수는 있지만 필자는 필터를 사용하여 "유형"문자열 값의 "재미있는"문자를 걱정할 필요가 없었습니다. – Pointy

+0

RadioButtonList에서 내 보낸 해당 RadioButton을 선택하라는 제안을 수정했습니다. DropDownList가있는 것처럼 출력에 "옵션"이 없습니다. 내 실제 ID는 "rbl"보다 자세한 정보이므로 문제가되지 않습니다. 필자는 Pointy의 필터 사용 아이디어가 마음에 들지만이 방법은보다 직관적 인 것처럼 보이며 RadioButtonList에서 올바르게 작동합니다. $ ("input [id * = 'rbl'] [value = '"+ widget.Type +'] "). attr ("checked ","checked "); – mcliedtk

+0

은 내 문제를 해결했습니다. selector도 있습니다 : $ (". className input [value = 'someValue']") – dars

1
function bindWidget(widget) { 
    $('#<%-rbl.ClientId%> input:radio') 
    .filter(function(btn) { return btn.value == widget.Type; }) 
    .attr('checked', true); 
} 
+1

RadioButtonLists 오히려

+0

오 DURR을 -. 미안 ! @ddango! 감사합니다. – Pointy

5

이 시도.

$('#<%=rbl.ClientID %>').find("input[value=" + widget.Type + "]").attr("checked", "checked");