어제 오늘 내일

지난번에는 라디오 버튼을 설명하는 텍스트를 클릭할 경우에도, 라디오 버튼이 선택이 되도록 하는 방법을 알아보았습니다. 그리고, 라디오 버튼이 선택된 경우 그 값(value)을 가져와서 출력하는 방법도 알아보았습니다. [HTML] input 태그로 라디오버튼(radio) 만들기 [Javascript] 라디오 버튼(radio) 값 가져와서 출력하기 [Javascript] 라디오 버튼의 텍스트 클릭하여 항목 선택하기 이번에는 라디오 버튼을 태그와 연결하고, 라디오 버튼을 클릭하면 태그에 정의된 텍스트 값을 가져와서 출력하는 방법을 알아보도록 하겠습니다. 여성 남성 function getRadioText(event) { const radioId = event.target.id; const query = 'lab..

지난 번에는 HTML과 Javascript를 사용하여 라디오 버튼을 생성하고 선택된 라디오 버튼의 값을 가져오는 방법을 알아보았습니다. [HTML] input 태그로 라디오버튼(radio) 만들기 [Javascript] 라디오 버튼(radio) 값 가져와서 출력하기 라디오 버튼을 정확히 클릭해야만 항목이 선택되는 문제 여성 남성 그런데, 이전에 설명한 방법으로 라디오 버튼을 생성하면 정확하기 라디오 버튼을 클릭해야만 해당 항목이 선택됩니다. 라디오 버튼 옆의 텍스트 문자열을 클릭했을 때도, 라디오 버튼의 항목이 선택되면 좋을 텐데요. 여기서는, 라디오 버튼 옆의 텍스트를 클릭했을 때도, 라디오 버튼의 항목이 선택되도록 하는 방법을 알아보겠습니다. 라디오 버튼의 텍스트 클릭하여, 항목 선택할 수 있도록 구..

지난 번에는 태그와 태그로 체크박스를 만들고,체크박스에 선택 된 정보가 어떻게 서버로 전달되는지 알아보았습니다.[HTML] 태그로 체크박스(checkbox) 만들기 지난번에 알아본 체크박스는 사용자가 여러 개의 선택을 할 수 있었습니다.이번에는 사용자의 선택을 “하나만” 입력 받을 수 있는, 라디오버튼(radio)을 만드는 방법을 알아보도록 하겠습니다. 태그로 라디오버튼(radio) 만들기 계속해서 태그의 ‘type’ 속성에 들어가는 값들에 대해서 알아보고 있습니다.text 일반 텍스트를 입력 받을 수 있습니다.password 패스워드를 입력 받을 수 있도록, 입력 값이 화면에 보여지지 않도록 합니다.submit 태그 내에 입력된 데이터를 서버로 전달해 줍니다.button 버튼을 생성해 줍니다.check..