2011년 3월 17일 목요일

jquery 이것저것

전체 체크박스 전체 선택-해제

$('#allcheck').click(function() {
    if ($('#allcheck:checked').length > 0) {
        $('.delcheck').attr('checked', 'checked');
    } else {
        $('.delcheck').attr('checked', '');
    }
});

동일한 이름의 input name="test"인걸 하나의 문자열로 변환
var ret = []; 
var cnt = 0;
$('input[name*=test]').each(function() {
    ret[cnt] = $(this).val();
    cnt += 1;
});
alert(ret.join());

select box 관련

var testcode = 2;
$('#testid option:eq('+testcode+')').attr('selected', 'selected');
alert($('#testid option:selected').val());
alert($('#testid option:selected').text());

input box 추가 및 삭제
input type="button" value="추가" id="addButton"
var addhtml = "div id=\"addHtml\" input type=\"text\" name=\"test\" value=\"\" input type=\"button\" value=\"삭제\" class=\"delhtml\" /div "; $('#addButton').click(function () { $('#addHtml').append(addhtml); $('.delhtml').bind('click', function () { $(this).parent().remove(); }); });

댓글 없음: