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

jqurey 상시 input 값 확인 하고싶어요(값이 있는 경우 처리해야하는게 있어요) 채택완료

라균 3년 전 조회 2,695

</p>

<p><input id='a_0_0' name='a[0][]' value='500' style="text-decoration:overline line-through underline">

<input id='b_0_0' name='b[0][]' value='400'>




<input id='a_0_1' name='a[0][]' value=''>

<input id='b_0_1' name='b[0][]' value=''>




<input id='a_0_2' name='a[0][]' value='1000'>

<input id='b_0_2' name='b[0][]' value=''></p>

<p>

https://jsfiddle.net/ue1ynrqb/

 

위에 표현하고 싶은것 처럼 웹에서 표현하고 싶습니다.

좀더 추가 설명 한다면
a 값은 정가, b 값은 할인가가 들어가게 됩니다.

값은 있을수도 없을수도 있습니다. a(정가)에만 넣을수도 있습니다.

 

여기서 b(할인가)값에 값이 있거나(조회시) 입력시 a(정가)에 취소선을 넣어주고 싶습니다.

 

id 값은 이중 배열로 행열의 고정값은 없습니다. 이때 jqurey로 어떻게 하면 되는지 궁금합니다.

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

답변 1개

채택된 답변
+20 포인트
3년 전

</p>

<p><style>

.input_a.addline {text-decoration:overline line-through underline;}

</style>

<div>

  <input type="text" class="input_a" value="1000">

  <input type="text" class="input_b" value="900">

</div>

<div>

  <input type="text" class="input_a" value="1000">

  <input type="text" class="input_b">

</div>

<div>

  <input type="text" class="input_a" value="1000">

  <input type="text" class="input_b" value="900">

</div>

<div>

  <input type="text" class="input_a" value="1000">

  <input type="text" class="input_b">

</div></p>

<p>$(document).ready(function() {

    $('.input_b').each(function() {

      if ($(this).val() != '') {

        $(this).siblings('.input_a').addClass('addline');

    }

  });

});</p>

<p>

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

답변에 대한 댓글 2개

라균
3년 전
siblings 이게 제 소스에선 작동을 안해서 아래 코드와 같이 변경하니 잘 됩니다. 감사합니다.

[code]
  let id = $(this).attr('id');
  id = id.replace('a', 'b');
  if ($(this).val() != '') {
    $("#"+id).addClass('addline');
  } else {
    $("#"+id).removeClass('addline');
  }

[/code]
폭주죽
3년 전
아 네 그래서 siblings 사용하려고 div 로 감싼건데 ㅎㅎ 잘 되신다니 다행이네요

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

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

로그인