2017-09-20 19 views
1

私はチェックボックスを含むフォームを持っています。私はデータベースからajaxを介してデータを取り込みたい、データベース内の値としてチェックされている製品を、 「Cacao、Coconuts、Bananas」よりも、他のテキストボックスに「ex:Apple」というテキストボックスを置かなくてはならないのですが、テキストボックスではこれを行いましたが、チェックボックスではできませんでした。ajaxからチェックボックスに値を設定する方法

HTMLコード

<div class="row"> 
<div class="col-sm-4"> 
    <label class="Modallabel">Available Products:</label> 
</div> 
<div class="col-sm-8"> 
    <label id="Pro_chkbox" class="checkbox-inline"><input name="check_list[]" type="checkbox" value="Cacao">Cacao</label> 
    <label id="Pro_chkbox" class="checkbox-inline"><input name="check_list[]" type="checkbox" value="Coconuts">Coconuts</label> 
    <label id="Pro_chkbox" class="checkbox-inline"><input name="check_list[]" type="checkbox" value="Bananas">Bananas</label><br> 
    <label id="Pro_chkbox" class="checkbox-inline"><input name="check_list[]" type="checkbox" id="optcheck" value="Others">Others</label> 
    <input type="text" id="Other_pro" name="otherproduct" disabled><br> 
    <label id="Note">(Separate Products with commas)</label> 
</div> 

のAjax

$.ajax({ 
    type:"POST", 
    url:"EditFarmerData.php", 
    dataType: 'json', 
    data:{'EditFarmerID': EditFarmerID}, 
    success: function (data) 
     { 
      $("#EditFarmerFName").val(data.FarmerFirstName) ; 

     } 
}) 

PHPコード

$EditFarmerID = $_POST['EditFarmerID']; 

    $sql="SELECT * FROM Farmers where Farmer_ID='".$EditFarmerID."'"; 

    foreach ($conn->query($sql) as $row) 
     { 
      $FarmerFirstName=$row['first_name_']; 
      $FarmerAvailableProducts = $row['Available_Products']; 
     } 
    $json = array(
     "FarmerFirstName" => $FarmerFirstName, 
     "FarmerAvailableProducts " => $FarmerAvailableProducts 
     $categories = ''; 
      $cats = explode(",", $FarmerAvailableProducts); 
      foreach($cats as $cat) { 
       $cat = trim($cat); 
       $categories .= "<category>" . $cat . "</category>\n"; 
      } 
    ); 
    echo json_encode($json); 
+0

jsonデータの外観はどうですか? –

+2

チェックボックスIDは一意である必要があります –

+0

ここで確認できますhttps://stackoverflow.com/questions/10930048/get-checkbox-with-specific-value –

答えて

2

属性等価セレクタ[name="value"]を使用すると、特定の値のチェックボックスを取得できます。あなたのケースでは

$("input[type=checkbox][value=Bananas]").prop("checked",true); 

、あなたは応答を確認する必要があり、あなたはあなたの変数

0

とバナナは以下のコードを使用し=ループと変化する値で行くことができます。これは役立つ

success: function (data) 
{ 
    ... 
    .... 
    $('input[value="'+data.FarmerFirstName+'"]').prop('checked', 'checked'); 
    .... 
    .... 
} 

希望を

関連する問題