jquery는 이벤트를 트리거하고 input_jquery에 값을 할당하기 위해 확인란 선택을 구현합니다.

코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다. http://www.w3.org/1999/xhtml ">

jquery는 확인란을 클릭하여 이벤트를 트리거하고 입력에 값을 할당합니다. - Ke Leyi * { 여백: 0; 패딩: 0; 목록 스타일 유형: 없음; } 아, img { 테두리: 0; 텍스트 장식: 없음; } 몸 { 글꼴: 12px/180% Arial, Helvetica, sans-serif, "新宋体"; } 테이블 { 빈 셀: 표시; border-collapse: 축소; 테두리 간격: 0; } /* 테이블 목록 */ .tablist { 너비: 400px; 테두리: 실선 8px #ddd; 여백: 40px 자동; } .tablist td { 줄 높이: 24px; 테두리 하단: 단색 1px #ddd; 텍스트 정렬: 왼쪽; 패딩: 10px; } .tablist td 입력 { 줄 높이: 20px; 여백 왼쪽: 5px; } .tablist td .txtValue { 패딩: 3px 0; 너비: 180px; }

모두 선택&lt ; /td> 장산 lee思 Keleyi 자오 류 $(함수(){ $('[data-type="checkbox"]').click(function(){ var data_value = $(this).attr('데이터-값'), txt also = $.trim($(".txtValue").val()); if($(this).prop("checked")) { if(txt also.length > 0) { if(txt also.indexOf(data_value ',') != -1) { 복귀 ; } 그 밖의 { txt also = data_value ','; } } 그 밖의 { txt also = data_value ','; } } 그 밖의 { if(txt also.indexOf(data_value ',') != -1) { txt also = txt also.replace(data_value ',', ''); } } $(".txtValue").val(txt also); }); $('[data-type="checkall"]').click(function(){ var str = ''; if($(this).prop("checked")) { $.each($('[data-type="checkbox"]'), 함수(i){ str = $(this).attr('data-value') ','; }); $('[data-type="checkbox"]').prop('checked', true); } 그 밖의 { $('[data-type="checkbox"]').prop('checked', false); } $(".txtValue").val(str); }); });