체크 박스 선택

나는이 프로젝트에서 내가하고있는 몇 가지 문제를 겪고있다.체크 박스 선택

PHP를 사용하여 데이터베이스에서 가져온 레코드 인 다른 확인란 목록이 있습니다.

이제 이러한 체크 박스 중 하나를 클릭하면 그 옵션이 어딘지 다른 곳에 표시됩니다. 나는 jQuery와 함께 작동 시키려고 노력해 왔지만 경험이있는 사람이 아니기 때문에 내가 할 수있는 일은별로 없다.

2012-04-02 Linus Juhlin

당신이 시도한 것을 보여줄 수 있습니까 – bretterer

PHP만으로는 이것을 할 수 없습니다. JavaScript 또는 jQuery가 최상의 솔루션입니다. – j08691

실제로 AJAX를 사용하여 수행됩니다. 그러나 jQuery에 대해 알고 싶거나 알고 싶다면 jQuery의 AJAX에 대해 알아야합니다. jQuery에서는 체크 박스에서 특정 id의 click 이벤트와 연관된 함수를 호출해야한다. 단순성을 위해 각각의 고유 ID가 각 체크 박스에 주어 졌다고 생각한 다음 개별적으로 jQuery Click 이벤트를 호출하여이를 처리 할 수 있습니다. 여기

<script> 
$(function(){ 

$("#yourid").click(function() { 

//do what you want to do here if checkbox "yourid" is clicked 
}); 

$("#yournextid").click(function(){ 

//do what your next event is. 

}); 
}); 
</script>

은 'yourid', 'yournextid'각각의 체크 박스

출처

2012-04-02 19:17:32 cipher

응답 해 주셔서 감사합니다. 어떤 체크 박스가 선택되었는지 확인할 수 있도록 모든 체크 박스를 반복하는 방법이 필요합니다. 250 개 이상의 확인란에 기능을 쓰는 것은 어렵습니다. 그리고 이것들은 동적으로 업데이트됩니다. –

의 아이디의 확인 체크 박스의 값을 저장하는 숨겨진 변수를 유지합니다.

"암호문"에 제안 된대로 자바 스크립트 기능에 대한 확인란의 onclick 이벤트를 언급합니다. 체크 박스 객체를 인수로 전달하십시오.

기능에서 확인란이 선택되어 있는지 확인합니다. 이 옵션을 선택한 경우 확인란의 값을 숨겨진 변수에 추가합니다. 선택하지 않은 경우 숨겨진 변수에서 값을 제거하고 이전에 선택했는지 확인하십시오.

이렇게하면 항상 체크 된 체크 박스 목록이 있습니다.

출처

2012-04-03 08:25:17 ray

문제가 해결되었습니다.

<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 
<script src="http://code.jquery.com/jquery-latest.js"></script> 
<script type="text/javascript"> 
$(function(){ 
    $('.checkbox').change(function(event){ 
     checked_value = $(this).val();   
     if(this.checked) 
     { 
          $("#content").append("<div id='" + checked_value +"'>New value: " + checked_value + "</div>"); 

     } 

     if(!this.checked) 
     { 
      $("#" + checked_value).remove(); 
     } 

    }); 

      $('#checkall').change(function(){ 
        $('.checkbox').attr('checked',$(this).attr('checked')) 
      }); 

}); 
</script> 
    </head> 
    <body> 
    <input type="checkbox" id="cb1" class="checkbox" value='a' /> 
    <input type="checkbox" id="cb2" class="checkbox" value='b' /> 
    <input type="checkbox" id="cb3" class="checkbox" value='c' /> 

<div id="content"></div> 
</body> 
</html>

위 코드는 현재 사용하고있는 코드입니다.

나는 그것을 어디서 얻었는지 기억이 나지 않지만 각각의 소유자에게 크레딧이 있음을 기억합니다.

출처

2012-04-03 13:14:33

체크 박스 선택

답변

관련 문제