2010-08-17 3 views
3

라디오 버튼 기능을 원하지만 이미지 기반으로 선택할 수 있습니다. 예를 들어, 레이블 (지불 방법)을 갖게 될 것입니다. 나는 받아 들인 각 지불 (신용/카드, PayPal, 서부 동맹, 등등)를 가진 각종 DIV/심상을 설치하고 싶으면. 작은 작은 원형 라디오 버튼을 선택하는 대신 ID 대신 오히려 이미지를 클릭하고 테두리 또는 이미지가 변경되어 해당 메서드가 선택되었음을 나타냅니다.사용자 정의 라디오 사업부/이미지/버튼

DIV 요소로이 기능을 사용할 수 있다면 DIV (텍스트, 이미지 등)에 원하는 내용을 넣고 DIV 자체에 일종의 테두리가 선택 영역에 나타납니다.

입력 유형 = 라디오를 사용하면 가능합니까? 이것이 라디오의 구현을 제안하는 방법보다 라디오를 사용하여 가능하지 않다면? 이 구현 된 경우 링크를주십시오 :

답변

2

직접 선택할 수 없습니다. 그러나 이러한 상황에서 내가 할 일은 jQuery를 사용하여 사용자 지정 확인란을 만들고 사용자를 기반으로합니다. ,

2), 존재 체크 박스의 값을 변경하지만이 사용자에게 표시되지 않도록 표시를

1) 숨겨진 필드의 값을 변경 : 선택, 저는 두 thigs 중 하나를 수행 : 없음; 그것에 적용됩니다.

매우 간단합니다. div에서 체크 박스를 선택하고 15px 높이 및 15px 넓이로 jQuery를 사용하여 클릭 이벤트를 바인딩 할 수 있습니다. 클래스를 클릭 할 때마다 클래스를 토글 할 수 있습니다. 클래스를 클릭하여 스타일을 자유롭게 지정할 수 있으며 클래스 또는 클릭 상태에 따라 숨겨진 필드 나 숨겨진 확인란에 실제 체크 상자 값을 할당 할 수 있습니다.

이 정보가 도움이됩니까? http://www.filamentgroup.com/lab/accessible_custom_designed_checkbox_radio_button_inputs_styled_css_jquery/

아니면 플러그인을 원하는 경우 작업을 수행합니다 :

이것에 대한 좋은 자원이다 http://plugins.jquery.com/taxonomy/term/1360

관련 문제