Question

在我的应用程序中，我有一个视图，在某些情况下，我为用户提供了个人输入一些基本信息的能力。然而，这是动态完成的，所以我在.js文件中有功能，如果符合条件，我就这样做了：

$("#clientdata-container").append('<label>Private Client</label>...);

您可以在此JS Fiddle中看到此问题的相关部分。

我想做什么。我希望能够在复选框提供的这两个选项之间切换（切换），但绝不允许同时选中它们。换句话说，如果您选中了Private Client复选框，然后用户直接检查Company User复选框，我想要隐藏与{{1}相关的html。，取消选中该复选框，并显示Private user的html。我一直在使用大量的Company user检查这样做，但我觉得if函数就是这样的情况，但我在实现它时遇到了问题所以我需要帮助才能使用切换。当然，如果可能的话。

Answer 1

尝试此操作：您可以取消选中使用.not()排除被点击的复选框的复选框，并将空白设为clientdata-container并填写，如果选中复选框，则将其保留。

function showHideIndividualAttributes(sender) {
    $('input[type="checkbox"]').not(sender).prop('checked',false);
    $('#clientdata-container').empty();
    if (sender.checked) {
        $('#clientdata-container').append('<span>Private Client attributes</span>');
    } 
}

function showHideCompanyAttributes(sender) {
   $('input[type="checkbox"]').not(sender).prop('checked',false);
    $('#clientdata-container').empty();
    if (sender.checked) {
        $('#clientdata-container').append('<span>Company Client attributes</span>');
    } 
}

<强> DEMO

Answer 2

尝试使用代码中的append更改html

http://jsfiddle.net/5tm11g9q/1/

使用jquery在通过选中复选框选择的两个选项之间切换

2 个答案: