테스트 사이트 - 개발 중인 베타 버전입니다

a 링크 점선 없애기, input+label 묶기

· 16년 전 · 3010 · 3

<a href="#none">링크</a>
<br />
<input type="checkbox" value="체크1" id="chk1" />
<label>체크박스</label>
<br />
<input type="radio" value="라디오1" name="radio" id="radio1" />
<label>라디오박스1</label>
<input type="radio" value="라디오2" name="radio" id="radio2" />
<label>라디오박스2</label>

<script type="text/javascript">
$(function() {
  $('a, input').click(function() {$(this).blur();});
  $('input:checkbox, input:radio').next('label[for=]').attr('for',function() {
    return $(this).prev().attr('id');
  }).css('cursor', 'pointer');
});
</script>

[이 게시물은 관리자님에 의해 2011-10-31 16:55:28 jQuery에서 이동 됨]

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 3개

16년 전
이렇게 하면 a href에 blur를 넣을 필요도 없구 css에 그런거 정의 안해도 되니 간단해지네요.
16년 전
css의 expression를 썼었는데 CPU가 안 좋아하드라구요..

위 소스중 $('a, input').click(function() {$(this).blur();}); 에서
click대신 focus를 써도 됩니다.

$('a, input').focus(function() {$(this).blur();});
접근성 때문에 blur();사용을 자제하라고 하던데,
꼭 필요할때 유용하겠네요..

게시글 목록

번호 제목
12281
20386
12280
12279
12278
12277
12276
12275
12274
12273
12272
12260
360
12258
12257
12256
12255
12253
12252
12251
12250
12249
12248
12247
12246