페이지없이 체크 박스 값이

를 새로 취득 나는 확인란의 테이블을 가지고 :페이지없이 체크 박스 값이

function validate(){ 
if (document.getElementById('box').checked){ 
    alert("checked") ; 
}else{ 
    alert("You didn't check it! Let me check it for you.") 
} 
}

012 :

지금까지

if (isset($_GET['box'])) { 
    echo "Success!" 
}

나는이 자바 스크립트 상자가 선택되어 있는지 여부를 확인하는 코드 또는 선택 해제를 얻었다

AJAX를 추가하고 싶습니다. 그러나 지금까지 시도한 모든 스 니펫 코드는 제 코드에 잘 맞지 않았습니다. 도와 줘서 고마워.

출처

2013-02-13 wizard

불행히도 간단하지 않습니다. Ajax에 대해 배우고 복잡한 라이브러리 메소드를 사용하여 * short *로 작성하십시오. – Bergi

지금까지 자바 스크립트가 있습니까? –

AJAX ............ – hjpotter92

AJAX를 사용하고 싶습니다. 다음은 AJAX없이 jQuery를의 예는 다음과 같습니다

<td><input id="box1" class="box" name="box1" type="checkbox" value="1" checked /></td> 
<td><input id="box2" class="box" name="box2" type="checkbox" value="2" checked /></td> 
<td><input id="box3" class="box" name="box3" type="checkbox" value="3" checked /></td>

자바 스크립트 :

$(document).ready(function() { 
    $('.box').on('change', function(event) { 
    var checkbox = $(event.target); 
    var isChecked = $(checkbox).is(':checked'); 
    alert('checkbox ' + checkbox.attr('id') + ' is checked: ' + isChecked); 
    }); 
});

데모 : 대신 alert 전화를하는 http://jsbin.com/ipasud/1/

지금, 백엔드 URL에 $의 .post을 그 는 id와 check 또는 unchecked 값을 취합니다.

$(document).ready(function() { 
    $('.box').on('change', function(event) { 
    var checkbox = $(event.target); 
    var isChecked = $(checkbox).is(':checked'); 
    $.post('/whatever-your-url-is.php', {id: checkbox.attr('id'), value: isChecked}); 
    }); 
});

출처

2013-02-13 16:40:45 Cymen

좋아, 확인/선택 취소 할 때 경고 메시지가 나타납니다. 그러나 $ .post 문을 삽입하면 빈 화면이 나타 납니까? 그것을 내 코드에 어디에 넣어야합니까? 그리고 php "get"statement가 어디에 위치합니까? – wizard

그럼 PHP 쪽은 무엇입니까? 체크 박스가 변경되었을 때 제출할 POST 또는 GET을 듣고 있습니까? 예제로 업데이트했지만이 데이터에 대해 서버에서 청취 할 URL (엔드 포인트)에 '$. post'또는 '$ .get'이 필요합니다. 데이터를 제출하기 위해 GET 대신 POST를 사용하는 것이 더 정확합니다 (그런 식으로 문제를 해결할 수 있습니다). – Cymen

'; echo '

사용할 수

jQuery를 : 당신의 PHP에서 다음 http://jquery.com/

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $('#box').click(function(){ 
      var selectedValue = $(this).value(); 
      submitValue(selectedValue); 
     }); 

    }); 

    function submitValue(valueSelected){ 

     var request = $.ajax({ 
       url: URL_OF_YOUR_PHP_FILE, 
       type: "POST", 
       dataType: 'json', 
        data: {value: valueSelected} 
       }); 

     request.done(function(results) { 
      //DO WHAT YOU WANT WITH YOUR RESULTS 
     }); 
    } 
</script>

예를 들어,

$.post('/submit-checkbox.php', {id: checkbox.attr('id'), value: isChecked});

그리고 만약

우리는 다시 코드로, 그것은 다음과 같을 것이다 넣어 파일에서 $ _POST [ 'value']에서 선택한 값을 가져 와서 JSON 형식으로 원하는 것을 반환 할 수 있습니다.

출처

2013-02-13 16:48:07

페이지없이 체크 박스 값이

답변

관련 문제