jquery를 이용한 체크박스 부분에 관련된 내용이 없어서 간단하게 한번 만들어보았습니다.
저보다 더 좋은 내용이 있으면 코멘트 달아주세요
<html>
<head>
<title></title>
<script type="text/javascript" src="./script/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#selectall").click(selectAll);
$("#save").click(save);
});
function selectAll()
{
var checked = $("#selectall").attr("checked");
$(".box").each(function(){
var subChecked = $(this).attr("checked");
if (subChecked != checked)
$(this).click();
});
}
function save()
{
var result = "";
$(".box:checked").each(function() {
$("#"+$(this).val()).remove();
result += $(this).val();
//AJAX로 넘겨줄때는
//.get('XXX.php',{SelType:$(this).val()});
});
alert(result);
}
</script>
</head>
<body>
<table>
<tr><td><input type="checkbox" id=selectall></td><td>1전체선택</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="1" class="box"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="2" class="box"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="3" class="box"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="4" class="box"></td><td>1</td></tr>
<tr><td><input type="checkbox" name="chkbox" value="5" class="box"></td><td>1</td></tr>
<tr><td><input type="button" value="저장" id="save"></td></tr>
</table>
</body>
</html>
댓글 4개
{
$("INPUT[@name=" + name + "][type='checkbox']").attr('checked', $('#' + id).is(':checked'));
}
<input type="checkbox" name="checkAll" id="checkAll" onclick="jqCheckAll( this.id, '체크할 체그박스 Name' )" class="ckbox" />
<input type="checkbox" name="체크할 체그박스 Name" value="Y" />
<input type="checkbox" name="체크할 체그박스 Name" value="Y" />
<input type="checkbox" name="체크할 체그박스 Name" value="Y" />
<input type="checkbox" name="체크할 체그박스 Name" value="Y" />
<input type="checkbox" name="체크할 체그박스 Name" value="Y" />
게시판 목록
프로그램
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 2930 |
마케팅메지션
|
14년 전 | 960 | |
| 2929 |
마케팅메지션
|
14년 전 | 920 | |
| 2928 | 14년 전 | 1049 | ||
| 2927 | 14년 전 | 849 | ||
| 2926 | 14년 전 | 849 | ||
| 2925 | 14년 전 | 732 | ||
| 2924 | 14년 전 | 4484 | ||
| 2923 |
VBASP
|
14년 전 | 947 | |
| 2922 |
프리랜서개발자
|
14년 전 | 659 | |
| 2921 | 14년 전 | 1071 | ||
| 2920 | 14년 전 | 1040 | ||
| 2919 | 14년 전 | 1170 | ||
| 2918 | 14년 전 | 844 | ||
| 2917 | 14년 전 | 972 | ||
| 2916 |
마케팅메지션
|
14년 전 | 957 | |
| 2915 | 14년 전 | 913 | ||
| 2914 |
 Kiiru |
14년 전 | 801 | |
| 2913 | 14년 전 | 855 | ||
| 2912 | 14년 전 | 981 | ||
| 2911 |
Kiiru |
14년 전 | 791 | |
| 2910 |
Kiiru |
14년 전 | 795 | |
| 2909 |
 신현종실장 |
14년 전 | 883 | |
| 2908 | 14년 전 | 803 | ||
| 2907 | 14년 전 | 779 | ||
| 2906 | 14년 전 | 798 | ||
| 2905 | 14년 전 | 788 | ||
| 2904 | 14년 전 | 805 | ||
| 2903 | 14년 전 | 751 | ||
| 2902 | 14년 전 | 764 | ||
| 2901 | 14년 전 | 736 | ||
| 2900 | 14년 전 | 958 | ||
| 2899 | 14년 전 | 894 | ||
| 2898 | 14년 전 | 754 | ||
| 2897 |
Kiiru |
14년 전 | 772 | |
| 2896 | 14년 전 | 699 | ||
| 2895 |
 Terrorboys |
14년 전 | 1873 | |
| 2894 | 14년 전 | 919 | ||
| 2893 | 14년 전 | 717 | ||
| 2892 | 14년 전 | 864 | ||
| 2891 | 14년 전 | 761 | ||
| 2890 |
 iwebstory |
14년 전 | 896 | |
| 2889 | 14년 전 | 761 | ||
| 2888 |
iwebstory |
14년 전 | 857 | |
| 2887 | 14년 전 | 820 | ||
| 2886 | 14년 전 | 742 | ||
| 2885 | 14년 전 | 905 | ||
| 2884 | 14년 전 | 697 | ||
| 2883 |
마케팅메지션
|
14년 전 | 840 | |
| 2882 |
마케팅메지션
|
14년 전 | 896 | |
| 2881 | 14년 전 | 1185 | ||
| 2880 |
마케팅메지션
|
14년 전 | 775 | |
| 2879 | 14년 전 | 827 | ||
| 2878 | 14년 전 | 850 | ||
| 2877 |
라디오켓츠
|
14년 전 | 1430 | |
| 2876 |
Kiiru |
14년 전 | 800 | |
| 2875 | 14년 전 | 951 | ||
| 2874 | 14년 전 | 1361 | ||
| 2873 | 14년 전 | 820 | ||
| 2872 |
Kiiru |
14년 전 | 827 | |
| 2871 |
Kiiru |
14년 전 | 716 | |
| 2870 | 14년 전 | 767 | ||
| 2869 |
마케팅메지션
|
14년 전 | 754 | |
| 2868 | 14년 전 | 1930 | ||
| 2867 |
Terrorboys |
14년 전 | 856 | |
| 2866 | 14년 전 | 898 | ||
| 2865 | 14년 전 | 818 | ||
| 2864 | 14년 전 | 1292 | ||
| 2863 | 14년 전 | 1206 | ||
| 2862 |
Kiiru |
14년 전 | 841 | |
| 2861 | 14년 전 | 775 | ||
| 2860 | 14년 전 | 1063 | ||
| 2859 |
Kiiru |
14년 전 | 648 | |
| 2858 |
Kiiru |
14년 전 | 733 | |
| 2857 |
Kiiru |
14년 전 | 791 | |
| 2856 |
마케팅메지션
|
14년 전 | 756 | |
| 2855 |
마케팅메지션
|
14년 전 | 708 | |
| 2854 | 14년 전 | 964 | ||
| 2853 | 14년 전 | 794 | ||
| 2852 |
신현종실장 |
14년 전 | 763 | |
| 2851 | 14년 전 | 709 | ||
| 2850 | 14년 전 | 799 | ||
| 2849 | 14년 전 | 2437 | ||
| 2848 |
Mentor
|
14년 전 | 788 | |
| 2847 |
마케팅메지션
|
14년 전 | 765 | |
| 2846 | 14년 전 | 770 | ||
| 2845 | 14년 전 | 752 | ||
| 2844 | 14년 전 | 967 | ||
| 2843 |
마케팅메지션
|
14년 전 | 698 | |
| 2842 | 14년 전 | 1033 | ||
| 2841 | 14년 전 | 823 | ||
| 2840 | 14년 전 | 833 | ||
| 2839 | 14년 전 | 1134 | ||
| 2838 | 14년 전 | 724 | ||
| 2837 | 14년 전 | 762 | ||
| 2836 | 14년 전 | 655 | ||
| 2835 |
마케팅메지션
|
14년 전 | 838 | |
| 2834 |
마케팅메지션
|
14년 전 | 659 | |
| 2833 |
신현종실장 |
14년 전 | 1114 | |
| 2832 |
신현종실장 |
14년 전 | 791 | |
| 2831 |
Mentor
|
14년 전 | 763 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기