반응형
레이블을 클릭하여 HTML 라디오 버튼을 전환합니다.
작은 PHP 프로젝트에 큰 Javascript Framework를 도입하지 않고 라디오 버튼 토글을 만드는 간단한 방법이 있습니까?-근처의 텍스트를 클릭했을 때-
웹 양식은 다음과 같습니다.
<html>
<body>
<form method="post">
<p>Mode:<br />
<input type="radio" name="mode" value="create"><i>create table</i><br />
<input type="radio" name="mode" value="select" checked>select records (can specify id)<br />
<input type="radio" name="mode" value="insert">insert 1 record (must specify all)<br />
<input type="radio" name="mode" value="delete">delete records (must specify id)<br />
<input type="radio" name="mode" value="drop"><i>drop table</i><br />
</p>
<p>Id: <input type="text" name="id" size=32 maxlength=32 /> (32 hex chars)</p>
<p>Latitude: <input type="text" name="lat" size=10 /> (between -90 and 90)</p>
<p>Longitude: <input type="text" name="lng" size=10 /> (between -90 and 90)</p>
<p>Speed: <input type="text" name="spd" size=10 /> (not negative)</p>
<p><input type="submit" value="OK" /></p>
</form>
</body>
</html>
a 는 다음과 같이 포함 된 입력을 암시 적으로 나타 내기 때문에 각 요소 에 ID 를 제공 하지 않고 요소 를 래핑 할 수도 있습니다 <label>.
<label>
<input type="radio" name="mode" value="create">
<i>create table</i>
</label>
다음 <label>과 같이 정확히 수행하도록 설계된 요소 를 사용할 수 있습니다 .
<input type="radio" id="radCreateMode" name="mode" value="create" />
<label for="radCreateMode"><i>create table</i></label>
레이블 아래에 입력을 래핑하면 작동합니다.
<label>
<input type="radio" name="mode" value="create"><i>create table</i>
</label>
이 방법을 사용하여 라디오 버튼의 값을 찾는 데 어려움이있었습니다. 대안은 히트 영역을 사용 하여 버튼의 클릭 가능한 영역을 늘리는 것 입니다.
참고 URL : https://stackoverflow.com/questions/4213172/toggle-html-radio-button-by-clicking-its-label
반응형
'programing' 카테고리의 다른 글
| SurfaceView를 투명하게 만드는 방법 (0) | 2020.10.04 |
|---|---|
| 하이퍼 링크 클릭시 자바 스크립트 함수 호출 (0) | 2020.10.04 |
| JavaScript에서 DOM과 BOM은 무엇입니까? (0) | 2020.10.04 |
| Symfony2 및 교리-오류 : 잘못된 PathExpression. (0) | 2020.10.04 |
| C #의 문자열에서 {0}은 (는) 무엇을 의미합니까? (0) | 2020.10.04 |