Skip to content

CHICPRO

  • Life Log
  • Cycling Log
  • Photo Log
    • Portrait
    • Landscape
    • Flower
    • Etc
  • Coding Log
  • Information

[jQuery] input 배열일 때 selector

2013-02-19 by 편리

웹페이지 작업을 진행하다 보면 <input type=”text” name=”nn[]” /> 이런 식의 배열로 input을 만들 때가 있는데

이런 경우 jQuery 에서 이 input 배열에 접근하기 위해 $(‘input[name=nn[]]’) 와 같이 작성하면 오류가 발생한다.

[]기호가 jQuery selector에서 사용되기 때문인데.. 아래 코드와 같이 따옴표를 이용해서 지정해주면 된다.

<html>

<head>

<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″>

<script src=”./jquery-1.8.3.min.js”></script>

</head>

<body>

<p></p>

<div>

    <input type=”text” name=”nn[]” />

    <input type=”text” name=”nn[]” />

</div>

<script>

$(function() {

    $(“input[name=’nn[]’]”).val(“0000”);

    /*

    var inp = document.getElementsByName(“nn[]”);

    for(i=0;i<inp.length; i++) {

        inp[i].value = “000”;

    }

    */

});

</script>

</body>

</html>

간단한 거였는데.. 머리가 굳었는지.. 이런 것조차 생각이 나지 않더라는… ㅋㅋ

Post navigation

Previous Post:

간만에 벨소리 만들기

Next Post:

[EOS 7D] 영민이 재롱잔치

2 Commments

  1. daisy says:
    2016-09-29 at 23:40

    ㅠㅠㅠ4일내내 찾던 해답이 여기 있었네요 ㅠㅠ
    연습용으로 경력등록페이지를 만들어 언어나 tool을 여러개 선택해서 등록하고 수정하는 페이지를 만들고있었는데요
    업데이트 화면에 리스트로 뿌리다보니 인풋 체크박스타입 네임을 배열형식으로 지정했었습니다;;
    업데이트화면에서 기존에 체크해서 db에 저장했던 값들을 체크된 상태로 보여주려는데 이게 포문에 값은 잘 들어오는데 체크가 전부 똑같이되거나 아무것도 체크된게 없거나 그러더라고요 ㅠㅠ 네임에 ”요 따옴표 두개 찍는걸로 결과가 이렇게 달라지다니 ㅠㅠ 내일이 딱 일주일 공부한거 발표하는 날이였는데 구현하고싶었던걸 해결했어요 ㅠㅠ 너무너무 감사합니다 ~!!!^^

    Reply
    1. 편리 says:
      2016-09-30 at 11:12

      부족한 제 글이 도움이 됐다니 다행입니다. ^^

      Reply

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Recent Posts

  • php 배열 연산에서 + 와 array_merge 의 차이
  • pcntl_fork 를 이용한 다중 프로세스 실행
  • 아이폰 단축어를 이용하여 주중 공휴일엔 알람 울리지 않게 하기
  • 구글 캘린더 전체일정 재동기화
  • OpenLiteSpeed 웹서버에 HTTP 인증 적용
  • OpenLiteSpeed 웹어드민 도메인 연결
  • WireGuard를 이용한 VPN 환경 구축
  • Ubuntu 22.04 서버에 OpenLiteSpeed 웹서버 세팅
  • 맥 vim 세팅
  • 우분투 시스템 터미널쉘 zsh 로 변경

Recent Comments

  • 편리 on 업무관리용 그누보드 게시판 스킨
  • 임종섭 on 업무관리용 그누보드 게시판 스킨
  • 캐논 5D 펌웨어 | Dslr 펌웨어 업그레이드 방법 82 개의 베스트 답변 on 캐논 EOS 30D 펌웨어 Ver 1.0.6 , EOS 5D 펌웨어 Ver 1.1.1
  • Top 5 캐논 5D 펌웨어 Top 89 Best Answers on 캐논 EOS 30D 펌웨어 Ver 1.0.6 , EOS 5D 펌웨어 Ver 1.1.1
  • 편리 on 워드프레스 애니메이션 gif 파일을 mp4로 변환하여 출력하기
  • 임팀장 on 워드프레스 애니메이션 gif 파일을 mp4로 변환하여 출력하기
  • 편리 on Notepad++ NppFTP 플러그인 수동 설치
  • paul-j on Notepad++ NppFTP 플러그인 수동 설치
  • YS on Windows 10 iCloud 사진 저장 폴더 변경
  • 편리 on Docker를 이용한 Centos7 + httpd + php 5.4 개발환경 구축

Meta

  • Log in
  • Entries feed
  • Comments feed
  • WordPress.org
© 2025 CHICPRO | Built using WordPress and SuperbThemes