jquery radiobutton觸發複選框

Question

所以我有一些單選按鈕，當我點擊一些單選按鈕時，它也檢查到一些複選框，我怎麼能做到這一點在網絡編程？

所以該場景是有3個單選按鈕主管，管理和自定義。我有幾個複選框（訪問A，B，C，D） 當我點擊單選按鈕管理員然後下面有複選框訪問B，C將進行檢查，而訪問A和D複選框將取消選中

很容易在桌面編程做的，但我不知道如何在具有相同的名稱，在web編程

Answer 1

試着這麼做

Master <input type="radio" name="accesstype" data-access-type="master"/><br /> 
Admin <input type="radio" name="accesstype" data-access-type="admin"/><br /> 
Custom <input type="radio" name="accesstype" data-access-type="custom"/><br /> 

<div> 
    To A <input class="access" type="checkbox" data-access-master=""/><br /> 
    To B <input class="access" type="checkbox" data-access-admin=""/><br /> 
    To C <input class="access" type="checkbox" data-access-admin=""/><br /> 
    To D <input class="access" type="checkbox" data-access-custom=""/><br /> 
    To E <input class="access" type="checkbox" data-access-custom="" data-access-master=""/><br /> 
    To F <input class="access" type="checkbox" data-access-admin="" data-access-master=""/><br /> 
    To G <input class="access" type="checkbox" data-access-admin="" data-access-custom=""/><br /> 
</div> 

然後

jQuery(function() { 
    var $checks = $('input.access'); 
    $('input[type="radio"][data-access-type]').change(function() { 
     var type = $(this).data('accessType'); 
     $checks.filter('[data-access-' + type + ']').prop('checked', true) 
     $checks.not('[data-access-' + type + ']').prop('checked', false) 
    }) 
}) 

演示：Fiddle

Answer 2

RAIDO按鈕建成頁面上的一組（或陣列）。使用jQuery可以綁定這個數組（當點擊一個單選按鈕觸發）的變化情況：

$(document).ready -> 
    $('input[name=some_name]').change -> 
    if ($('input[name=some_name]:checked').val() == "admin" 
     $("#checkbox_1").prop('checked', false) 
     $("#checkbox_2").prop('checked', true) 
     ... 
    if .... 
    . 
    . 
    .  

您必須具有相應的價值和IDS設置你的HTML。我假設你知道如何做到這一點，雖然從你的問題，我猜你可能是網絡開發非常新（如果是這樣，歡迎！）。我認爲如果您在這裏看到的代碼和術語對您來說太複雜，請先嚐試再閱讀一些內容。

注：我使用coffescript在這裏寫我的javascript，因爲它是更容易對眼睛