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

자바스크립트 체크박스 배열에 담는 방법이 궁금합니다 ㅠ 채택완료

나에요나냐 5년 전 조회 2,305

 

이렇게 테스트로 일단 만들었는데요!!

 

</p>

<p><?php for ($i=0; $rows = sql_fetch_array($resultp); $i++) { ?>

  <tr>

    <td><input type="checkbox" name="yogch"></td>

    <td><select class="intab" name="yogch" value="">

      <option value="" selected disabled hidden><?php echo $rows['ph_tong']; ?></option>

      <option value="fruit">과일</option>

      <option value="food">음식</option>

    </select></td>

    <td><input class="intab" type="text" name="yogch" value="<?php echo $rows['ph_name']; ?>"></td>

    <td><input class="intab" type="text" name="yogch" value="<?php echo $rows['ph_yoname']; ?>"></td>

  </tr>

<?php } ?></p>

<p> </p>

<p><script></p>

<p>function checkon(f){

  var ijsi = $("input:checkbox[name=yogch]:checked").length;

  console.log(ijsi);

}

</script></p>

<p>

 

테이블에 대충 내용 넣고 일단 위 그림처럼 불러 왔습니다!

제가 궁금한건 예를들어 체크박스를 한군데 또는 두군데 클릭을 하면

제일 왼쪽 체크박스된곳에 해당 된 내용 (ex, 과일, 사과, 바나나) 를

배열에 담아서 POST 값으로 넘기고 싶은데요

이럴때에는 어떤 방법을 사용해야하나요.....?? ㅠ

(배열을 담는 JS 구문을 모르겠는데 방법 아시는분 계실까요?? ㅠ)

(스크립트 안에는 체크박스 되어있는 갯수 출력하는거 찾아서 넣었습니다 ㅠ)

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

답변 1개

채택된 답변
+20 포인트

</p>

<p>$("input[name='yogch']:checkbox").on("click", function() {

    if($(this).is(":checked") == true) {

        var v1 = $(this).closest("tr").find("select option:selected").text();

        var v2 = $(this).closest("tr").find("td:eq(2)").children("input").val();

        var v3 = $(this).closest("tr").find("td:eq(3)").children("input").val();

        $(this).val(v1 + ", " + v2 + ", " + v3);

    }

});</p>

<p>

배열로 넘기실 거면 체크박스 이름을 yogch[] 이런 식으로 처리하는 게 좋습니다.

그리고 name이 너무 중복되네요.

로그인 후 평가할 수 있습니다

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

답변을 작성하려면 로그인이 필요합니다.

로그인