2013-06-30 7 views
0

나는 여기에 볼 수있는 "알약"버튼을 소위 내가 생각 사용할 : http://jqueryui.com/themeroller/ (이하 "선택 1 | 선택 2 | 선택 3"위젯)"N-in-one"또는 "pill"버튼 효과는 어떻게 영향을 줍니까?

여기 스크린 샷입니다 :

enter image description here

표정을 달성하려면 어떤 HTML 및/또는 CSS 및/또는 jquery가 필요합니까? 0..all 모든 버튼을 강조 할 수 있기를 원합니다 (어느 것이 현재/현재 상태에서 적용 가능한지 기반으로).

+0

jquery ui 라디오 입력 http://jqueryui.com/button/#radio –

+0

[다운로드] (http://jqueryui.com/download) -> 구성 요소 -> 위젯 -> 버튼 -> [다운로드] – Shaddow

+0

좋아하는 예제 소스보기 –

답변

1

"buttonset"here에 대한 정보를 읽어보십시오. 즉, 여러 개의 라디오 버튼이있는 컨테이너를 만들고 컨테이너에 buttonset을 적용하면 jQuery UI 버튼 스타일의 라디오 컨트롤이 생성됩니다.

+0

오, 라디오 버튼입니다. 그때는 효과가 없을 것입니다. 잠재적으로 활성화 될 수 있도록 둘 이상이 필요합니다. IOW, 그들은 0..all을 사용할 수있는 옵션입니다. 나는 외모로 그들의 availableness을 나타 내기를 원하지만 오직 하나만이 "선택"이 될 수는 없다. 나는 "선택"을 사용하는 문언의 선택은 팁 오프 였을 것입니다. –

+1

@ClayShannon 아마도 체크 박스에서도 작동합니다. 업데이트 : [Ta-da!] (http://codepen.io/millimoose/pen/xweJu) – millimoose