입력폼을 구성하는 다양한 요소들 중 input 태그의 체크박스나 라디오 버튼 등이 많이 사용되죠. 이런 요소들은 다양한 선택 요소들 중 방문자로부터 선택 값을 얻을 수 있는 편리한 인터페이스를 제공하고 있습니다. 이런 입력폼을 label 태그와 함께 사용하면 원하는 input 태그 등의 입력폼을 체크하거나 언체크 등의 행동이 가능합니다.label 태그는 다양한 형태로 활용될 수 있으며 아래는 퍼블리싱 단계에서 다양한 방법으로 활용이 가능한 label 태그의 쓰임에 대하여 정리한 내용입니다. 다양한 상황에서 활용되는 label 태그의 쓰임을 알아보세요.# label 태그의 역할label태그가 하는 일은 input 태그를 제어하여 상태값을 변경하도록 돕습니다. 이는 input 태그만으로 선택하기 어렵거나 더 좋
Last Modified : 2019-08-03 17:53:30input 태그의 checkbox 속성을 사용한 값들이 하나가 아닌 여러개인 경우 이 값들이 서버에서 불러오게 된 뒤 자동으로 체크되게하려면 어떻게 해야하는지 알아보려 합니다.먼저 서버에 저장 할 경우 넘겨주는 name 값을 배열로 넘겨줍니다. 아래처럼요#1. 작성될 폼 양식<form><input name="fruit[]" type="checkbox" class="fruitValue" value="사과" />사과</span><input name="fruit[]" type="checkbox" class="fruitValue" value="배" />배</span><input name="fruit[]" type="checkbox" class="fruitValue" value="바나나" />바나나</span></f
Last Modified : 2015-11-06 01:16:22웹페이지 퍼블리싱시 입력폼을 만들 경우가 매우 많습니다. 특히 admin, cms, 백오피스 기능을 구현하는 경우 자주 사용되죠. 그 중에서도 가장 많이 만드는 태그가 바로 input 태그로 태그를 사용해 체크박스 또는 라디오 버튼을 많이 구현합니다.# 제이쿼리를 사용하여 체크박스 또는 라디오 박스 클릭 상태 변경하기만약 개발자가 프로그램을 통해 실제로 버튼을 클릭하지 않고 input 태그의 상태를 클릭하거나 하지 않은 상태로 변경하려면 어떻게해야할까요? 먼저 가장 손쉬운 방법으로 자바스크립트의 제이쿼리를 사용하는 방법이 있을 것입니다.제이쿼리의 prop() 속성을 사용하면 매우 간단하게 체크박스나 라이도 박스의 상태를 변경할 수 있습니다. prop() 속성은 attr() 속성과 매우 비슷한데 현재 속성값을
Last Modified : 2019-08-07 12:35:46React 앱에서 인기있는 antd 라이브러리에서 checkbox와 radio 컴포넌트 사용 방법에 대하여 알아봅니다.# react antd 컴포넌트 checkbox, radioreact에서는 매우 자주 사용되는 antd 라이브러리에서 checkbox와 radio 컴포넌트는 입력폼을 작성할 때 자주 사용됩니다. 먼저 간단한 사용 방법은 아래와 같습니다. 아래 예제는 Radio와 Checkbox를 각각 적용하였습니다.! 체크 상태 on / off 적용하기먼저 체크 상태를 표시하기 위해서 checked 프로퍼티를 아래와 같이 설정합니다.<Checkbox checked={false} />그리고 onChange를 사용하여 값이 변경된 경우 해당하는 함수를 호출하여 새로운 값으로 업데이트를 합니다.import { R
Last Modified : 2020-12-30 09:12:38