2012-04-18 2 views
3

데이터베이스에서로드 된 데이터로 라디오 버튼의 선택 상태를 채울 수있는 아이디어 나 예를 얻을 수 있습니까? json 응답을 기반으로 라디오 버튼을 선택하십시오.

array(
[0] => array( 
    ['note_id'] => 1 
    ['value'] => 'no' 
) 
[1] => array(
    ['note_id'] => 4 
    ['value'] => 'yes' 
) 
[2] => array( 
    ['note_id'] => 5 
    ['value'] => 'yes' 
) 
) 

체크 박스 그룹

모습 :

<input type="radio" name="1" value="yes"> 
<input type="radio" name="1" value="no"> 
<input type="radio" name="1" value="done"> 

<input type="radio" name="2" value="yes"> 
<input type="radio" name="2" value="no"> 
<input type="radio" name="2" value="done"> 

지금 json_encode를 사용하여 내가으로 결과의 데이터 배열을 넣어 예를 들어

나는처럼 보이는 SELECT 쿼리에서 배열을 생성하고 :

[{"note_id":"1","value":"no"},{"note_id":"4","value":"yes"},{"note_id":"5","value":"yes"}] 

아약스를 통해 .. 뭔가가 좋아? :

$j.ajax({ 
    url: readurl, 
    type: "GET", 
    data: 'sku=' + thisSku, 
    dataType: "json", 
    success: function (data){ 
     // ? now what 
    }  
}); 

나는 이제 json 데이터를 사용하여 어떻게 적절한 선택을 할 수 있는지 이해할 수 있습니까? note_id이 입력 [name] 속성과 일치하는 경우 검사를 실행하는 루프를 만드는 방법은 무엇입니까? 그렇다면 적절한 값으로 버튼을 확인하십시오. json도이 문제를 해결하는 가장 좋은 방법입니까? .getJSON()을 사용해야합니까?

+1

+1 우리에게 배우려는 의도를 보여줍니다. –

답변

6

.

DEMO

$.each (data, function (i, obj) { 
    $(':radio[name=' + obj.note_id + '][value=' + obj.value + ']').prop('checked', true); 
}); 
+0

위대한 작품입니다! 고맙습니다! – Zac

2
var data = {"nodes": [{"note_id":"1","value":"no"},{"note_id":"4","value":"yes"},{"note_id":"5","value":"yes"}] } 

$('input:radio').attr('checked','') 
$.each(data.nodes,function(a,b){ 
    $("input[name="+b.note_id+"][value="+b.value+"]:radio").attr('checked','checked') 

}) 

아마 그런 일이

2

이 속성을 JSON 객체) (루프 달러 (A $)의 .each를 만든 다음 이름 값으로 note_id을 비교하고 추가 ... 당신을 위해 일하는 것이

[{"note_id":"1","value":"no"},{"note_id":"4","value":"yes"},{"note_id":"5","value":"yes"}]해야 당신은 단순히 data을 반복 할 수있는 성공 콜백 내부
var notas = [{"note_id":"1","value":"no"},{"note_id":"4","value":"yes"},{"note_id":"5","value":"yes"}]; 


$.each(notas,function(i, v){ 
    $('input[type=radio][name=' + this.note_id + ']').prop('checked','true'); 

}); 
​ 

http://jsfiddle.net/chepe263/wLDHk/

0

이 같은 것을보십시오 :

$j.ajax({ 
    url: readurl, 
    type: "GET", 
    data: 'sku=' + thisSku, 
    dataType: "json", 
    success: function (data){ 
     $.each(data, function(i, item) { 
      alert("note_id: " + item.note_id + ", value: " + item.value); 
     }); 
    }  
}); 

당신은 당신의 코드 경고 드 대체 HACE.

Greatings.

관련 문제