Question

所以我有一些单选按钮，当我点击一些单选按钮时，它还会检查一些复选框，我怎么能在网页编程中做到这一点？

所以场景有3个radiobutton master，admin和custom。我有几个复选框（访问a，到b，到c，到d）当我点击radiobutton管理员然后在那里下面有复选框访问b，到c将被检查，而访问a和d复选框将取消选中

在桌面编程中很容易，但我不知道在网络编程中如何做到这一点

Answer 1

具有相同名称的Raido按钮在页面上构建为一组（或数组）。使用jQuery，您可以绑定此数组的change事件（单击其中一个单选按钮时触发）：

$( 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 ....
    .
    .
    .

您必须使用相应的值和ID设置HTML。我假设您知道如何做到这一点，虽然从您的问题我猜你可能对Web开发很新（如果是这样，欢迎！）。我想如果你在这里看到的代码和术语对你来说太复杂了，那就试着先做一些阅读。

注意：我正在使用coffescript在这里编写我的javascript，因为它更容易在眼睛上

Answer 2

尝试类似

的内容

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

jquery单选按钮触发复选框

2 个答案: