如何通過複選框隱藏並顯示我的div

在下面的代碼中，我不知道這裏有多少行是動態的。首先我們必須隱藏所有div。當我檢查（/ /第一次輸入）後複選框只有它的div應該是可見的。如何通過複選框隱藏並顯示我的div

<?php 
    $checkboxid=0; 
    foreach($products as $product){ 
     $checkboxid = $checkboxid+1; 
?> 
    <tr> 
     <td class="text-center"> 
      //first input<input name="checkbox[]" type="checkbox" value="<?php echo $product['id'];?>" id="<?php echo $checkboxid; ?>"><br/>    
      <div class="<?php echo $checkboxid; ?>"> 
       <input name="chile" type="checkbox" value="" ><br/> 
       <input name="miami" type="checkbox" value="" > 
      </div> 
     </td> 
    </tr> 
<?php } ?>

來源

2015-10-19 Amit Kushwaha

使用jQuery秀（）並隱藏（） –

檢查複選框的ID如果選中，然後顯示其他隱藏或反之亦然按您的要求 –

請仔細閱讀問題，我不知道有多少行，所以我們不能使用任何靜態ID或類。 –

使用類易於實現，像這樣：

<input name="checkbox[]" type="checkbox" value="<?php echo $product['id'];?>" id="<?php echo $checkboxid; ?>" class="myCheckBox">

然後附着變更處理到myCheckBox類象下面這樣：

$(document).on('change', '.myCheckBox', function() { 
    // or .next().next() change to .nextAll('div') 
    // in case only one of div element are existed 
    if (this.checked) $(this).next().next().show(); 
    else $(this).next().next().hide(); 
});

爲了更好的辦法認沽類各自的DIV中，像這樣：

<div class="<?php echo $checkboxid; ?> myDiv"> 
    <input name="chile" type="checkbox" value="" ><br/> 
    <input name="miami" type="checkbox" value="" > 
</div>

只匹配選擇，然後在js代碼只是過濾下一個輸入：

$(document).on('change', '.myCheckBox', function() {  
    if (this.checked) $(this).nextAll('.myDiv').show(); 
    else $(this).nextAll('.myDiv').hide(); 
});

更新

我不知道有多少行，所以我們不能使用任何靜態ID或類

在這種情況下，class是適合你

DEMO

來源

2015-10-19 06:09:29

HI Ghazali，請仔細閱讀問題，我不知道有多少行，所以我們不能使用任何靜態ID或上課。 –

爲什麼配對，類是多個元素，甚至共享同一個名稱，但我們用$（this）來區分它，它代表當前點擊複選框。查看附帶的演示，所有表格行具有相同的結構。我沒有給出使用靜態ID的例子，但是在使用動態內容時使用類的原因，類更多的套件。 –

如果您不太確定，請再次查看更新後的演示。我動態地創建錶行（如我們不知道它們中有多少行） –

$(document).ready(function() { 
$('#checkbox1').change(function() { 
    if (!this.checked) 
     $('#autoUpdate').fadeIn('slow'); 
    else 
     $('#autoUpdate').fadeOut('slow'); 
}); 
});

你可以像這樣

DEMO

來源

2015-10-19 06:09:15

HI Arijit，請仔細閱讀問題，我不知道有多少行，所以我們不能使用任何靜態ID或類。 –

我不這麼認爲，當你使用foreach循環確保，你爲它們分配id或至少一個類 –

如何通過複選框隱藏並顯示我的div

回答

相關問題