jQuery에서 체크 박스를 사용하는 방법?

-3

저는 jQuery에서 체크 박스를 다루는 개념에 비교적 익숙하지 않습니다. 같은 이름의 체크 박스가 세 개 있습니다. 이제 첫 번째 확인란의 선택에 따라 일부 조건을 적용하려고합니다. 참고로 내 HTML 코드는 다음과 같습니다 : 그런 다음 사용자가 그/그녀가 값을 갖는 체크 박스 ("register_users", "package_expired"의 그룹에서 적어도 하나 개의 체크 박스를 선택해야 값 "users"을 갖는 체크 박스를 확인할 때jQuery에서 체크 박스를 사용하는 방법?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"> 
</script> 
</head> 
<body> 
<table> 
    <tr> 
    <td> 
     <input type="checkbox" id="users" value="users"/>Users 
    </td> 
    <td> 
     <input type="checkbox" id="upload_from_file" value="upload_from_file"/>Upload From File 
    </td> 
    <td> 
     <input type="checkbox" id="copy_paste_from_excel" value="copy_paste_from_excel"/>Copy paste from excel 
    </td> 
    </tr> 
    <tr> 
    <td colspan="3"> 
     <h4>Users</h4> 
     <input type="checkbox" class="user_checkbox" name="user_checkbox" id="all_users" value="all_users"/>all users &nbsp;&nbsp; 
     <input type="checkbox" class="user_checkbox" name="user_checkbox" id="register_users" value="register_users"/>Register users &nbsp;&nbsp; 
     <input type="checkbox" class="user_checkbox" name="user_checkbox" id="package_expired" value="package_expired"/>Package expired &nbsp;&nbsp; 
     <input type="checkbox" class="user_checkbox" name="user_checkbox" id="inactive_from_last_month" value="inactive_from_last_month"/>Inactive from last month 
    </td> 
    </tr> 
</table> 
</body> 
</html>

내 요구 사항은, "inactive_from_last_month").

하나 개 이상의 조건은, 사용자가 동일한 그룹에서의 체크 박스를 갖는 값 all_users 다른 체크 박스를 선택하면 값 ("register_users", "package_expired", "inactive_from_last_month")를 갖는 즉 체크 박스를 사용하지 않도록한다.

사용자가이 확인란 중 하나를 선택하면 "all_users" 확인란을 비활성화해야합니다.

아무도 jQuery를 사용하여이 기능을 구현할 수 있습니까? 미리 감사드립니다. 위 코드에서 잘못 될 경우 내 코드를 수정할 수 있습니다. 또한 UI의 스크린 샷을 첨부했습니다.

enter image description here

출처

2013-07-31 PHPLover

페이지 나 양식에 동일한 ID와 이름을 여러 번 사용하지 마십시오. – Tdelang

SO는 "제발 나를 위해 코드 해주세요"라는 사이트가 아닙니다 ... 개발자를 고용하거나 배우거나 직접 해보십시오. 어딘가에 갇혀 있으면 질문 만하십시오. –

이 [link] (http://stackoverflow.com/questions/17528005/check-all-the-check-box)의 가능한 복제본 –

는 당신은 아직 포함되지 않은 경우 파일에 jQuery 라이브러리를 포함해야합니다. 그런 다음 아래 스크립트를 작성하여 원하는 기능을 수행하십시오.

<script type="text/javascript">$("#inactive_from_last_month").is(":checked") 
$(function(){ 
    $(".user_checkbox").click(function(){ 
    if($("#all_users").is(":checked")) { 
     $("#register_users").removeAttr("checked"); 
     $("#package_expired").removeAttr("checked"); 
     $("#inactive_from_last_month").removeAttr("checked"); 
    } else if ($("#register_users").is(":checked") || $("#package_expired").is(":checked") || $("#inactive_from_last_month").is(":checked")) { 
     $("#all_users").removeAttr("checked"); } 
    }); 
}); 
</script>

출처

2013-07-31 12:45:21 PHPLover

jQuery에서 체크 박스를 사용하는 방법?

답변

관련 문제