2012-12-13 3 views
2

웹 사용자 컨트롤에 RadioButtonList 컨트롤이 있으며 웹 페이지의 위치 홀더에로드됩니다. 라디오 버튼 목록 항목은 동적으로로드되며 사용자는 항목을 선택할 수 있습니다.자바 스크립트를 사용하여 라디오 버튼 목록 컨트롤을 동적으로 선택 취소하십시오.

라디오 버튼 동작에 따라 다른 항목을 선택하여 이미 선택한 항목을 선택 취소합니다. 하지만 이미 체크 된 경우 사용자가 동일한 항목 자체를 클릭하면 항목의 선택을 취소하고 싶습니다.

또한 자바 스크립트를 사용하여 서버 측 코드를 사용해야합니다.

+0

훨씬 쉽게. 당신은 그 중 일부를 대답으로 표시하는 것이 어떻습니까? 앞으로 더 나은 답변을 얻을 수 있도록 도와 드리겠습니다. – Niklas

답변

5

<Head> 태그에이 자바 스크립트 기능을 추가하십시오.

<script type="text/javascript"> 


     function clearRadioButtonList() { 

      var elementRef = document.getElementById('<%= yourRadioButtonListID.ClientID %>'); 
      var inputElementArray = elementRef.getElementsByTagName('input'); 

      for (var i = 0; i < inputElementArray.length; i++) { 
       var inputElement = inputElementArray[i]; 

       inputElement.checked = false; 
      } 
      return false; 
     } 

    </script> 

동적을 listitem를 추가

은 온 클릭을 ListItem하는 속성을 추가

myListItem.Attributes.Add("onclick", "clearRadioButtonList"); 

이 자바 스크립트 함수에서 "yourRadioButtonListID"를 대체하는 것을 잊지 마십시오. 클릭하면 선택한 라디오 버튼을 선택 취소합니다.

감사합니다.

1

당신은 과거에 어떤 좋은 답변을받은 JQuery와

<script type="text/javascript"> 
    $(document).ready(function() { 
     $('#btnTest').click(function() { 
      var radiolist = $('#RadioButtonList1').find('input:radio'); 
      radiolist.removeAttr('checked'); 
     }); 
    }); 

</script> 
관련 문제