제이쿼리 질문입니다.
본문
<input type="text" class="chklist" data="1">
<input type="text" class="chklist" data="2">
<input type="text" class="chklist" data="3">
<input type="text" name="abc" class="abc">
<script>
$(".chklist").click(function () {
var chkidx = $(this).attr("data");
var aa = $(".abc").val();
aa += chkidx+";";
});
</script>
chklist를 클릭하면 <input type="text" name="abc" class="abc" value="">
인풋 val값에 1;2;3; 이런식으로 들어가게 하려고하는데
뭐가잘못한게있나요?ㅠㅠ 안되네요..
답변 5
<input type="checkbox" class="chklist" value="1">1
<input type="checkbox" class="chklist" value="2">2
<input type="checkbox" class="chklist" value="3">3
<input type="text" name="abc" class="abc">
<script>
$(".chklist").click(function () {
var val = "";
$('.chklist').each( function() {
val = this.checked ? val + $(this).val() + ";" : val;
});
$(".abc").val(val);
});
</script>
질문자님이 말한 내용은 체크박스를 클릭할때마다 해당하는 value 가 추가되는 형태 같네요..
참 한국말인데 어렵다고 느낍니다.
모두 감사합니다..
check박스인데 text라고 잘못질문을 올렸습니다.
죄송하고 감사합니다.
$(".abc").val(aa);
aa 값을 input 의 value로 넣는게 빠진거 같으네요.
$(".abc").val(aa); 이렇게하면 값이 하나씩밖에안들어가요.
1;2;3; 이런식으로 들어가야하는데
1;
2;
3;
하나씩 들어가요 ㅠ
var aa = $(".abc").val();
$(".abc").val(aa+chkidx+";");
이런식으로 하면 안되나요?
<script>
$(".chklist").click(function () {
var chkidx = $(this).attr("data");
var aa = $(".abc").val();
aa += chkidx+";";
$(".abc").val(aa);
});
</script>
잘 되는데요.
값을 가져오는 경우에는 .val() 을 사용하면 되고,
값을 세팅하는 경우에는 .val("hello") 처럼 하면 됩니다.
id=aa 의 value 값을 id=bb 의 value 값으로 세팅하는 경우에는 $("$#bb").val($("$#aa").val());
<script>
$(".chklist").click(function () {
var chkidx = $(this).attr("data");
if ($(".abc").val() == "")
$(".abc").val(chkidx);
else
$(".abc").val($(".abc").val() + ";" + chkidx);
});
</script>
