css와 jquery를 사용하여 html 버튼 토글

Question

CSS를 사용하여 html로 토글 버튼 두 개를 만들고 싶습니다. 나는 그것이 하나를 클릭 할 때, 그것이 정상적인 위치에 밀려 들어가고 다른 하나가 밀착되도록 그것을 원한다. 두 경우 모두 동일하게 적용됩니다.

HTML 및 CSS를 사용하는 방법이 없다면. 거기에 jQuery 또는 자바 스크립트를 사용하여 그것을 할 수있는 방법이 있나요?

내가 도움을받을 수 있습니다,

위의 동일한 작업을 수행하는 방법이 buttons.TEST을 고려하고 살고 있습니다.

감사

Answer 1

같은 그것의 텍스트를 변경할 수 있습니다, 여기에 과거에 유래 질문입니다 유사 : How do you create a toggle button?

Answer 2

당신은 JQuery와 toggle 기능을 사용하고 CSS로 재생할 수 있습니다.

또는 Google 버튼과 똑같은 JQuery (checkbox)를 사용하면 더 쉬운 방법을 사용할 수 있습니다. 이 옵션을 할 경우 이 체크 박스의 클릭에, 당신이 체크되어 있는지 확인하고 빠른 구글이

if($('#chk1').is(':checked')){ 
    $('#chk1').text('test'); 
}else{ 
    $('#chk1').text('live'); 
}