jqurey 상시 input 값 확인 하고싶어요(값이 있는 경우 처리해야하는게 있어요)
본문
<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'>
<br>
<input id='a_0_1' name='a[0][]' value=''>
<input id='b_0_1' name='b[0][]' value=''>
<br>
<input id='a_0_2' name='a[0][]' value='1000'>
<input id='b_0_2' name='b[0][]' value=''>
https://jsfiddle.net/ue1ynrqb/
위에 표현하고 싶은것 처럼 웹에서 표현하고 싶습니다.
좀더 추가 설명 한다면
a 값은 정가, b 값은 할인가가 들어가게 됩니다.
값은 있을수도 없을수도 있습니다. a(정가)에만 넣을수도 있습니다.
여기서 b(할인가)값에 값이 있거나(조회시) 입력시 a(정가)에 취소선을 넣어주고 싶습니다.
id 값은 이중 배열로 행열의 고정값은 없습니다. 이때 jqurey로 어떻게 하면 되는지 궁금합니다.
답변 1
<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>
$(document).ready(function() {
$('.input_b').each(function() {
if ($(this).val() != '') {
$(this).siblings('.input_a').addClass('addline');
}
});
});
siblings 이게 제 소스에선 작동을 안해서 아래 코드와 같이 변경하니 잘 됩니다. 감사합니다.
let id = $(this).attr('id');
id = id.replace('a', 'b');
if ($(this).val() != '') {
$("#"+id).addClass('addline');
} else {
$("#"+id).removeClass('addline');
}
아 네 그래서 siblings 사용하려고 div 로 감싼건데 ㅎㅎ 잘 되신다니 다행이네요
답변을 작성하시기 전에 로그인 해주세요.
