0

所以，我对一些复选框有这个问题。首先让我告诉你关于“项目”本身。这是一个网络表单，用户必须完成它并根据他想要购买的内容选中一些复选框和单选按钮。首先是 2 个无线电子弹，编号为 1 和 2，代表他要购买的产品的数量。旁边是大约 5 个代表产品颜色的复选框，不管它们有多少，问题是......我想要，当用户在单选按钮上选择 1 时，只有 1 个复选框活动，如果他选择 2，那么只有 2 个复选框可供检查。所以..有人可以帮助我吗？我想到了jQuery，但我不知道......

有两个 div，ID 为 #radioButtons 的第一个 div 有 2 个单选按钮，第二个 div 有其余的复选框。

4

4 回答 4

1

We might use the real HTML source, where the problem appears.

EDIT:

I am having trouble understanding why you want to do this. From a usability point of view, this solution is quite unusual, maybe a bit bad. Let me ask you a few questions.

  • Why do you want it to work like this?
  • What do you want to let your users chose?

There are lots of inline selection possibilities, famous example would be chosing the iPad type on apple.com. But the most important would be to provide your users with user interfaces which are very easy to understand and a great feeling to use.

于 2012-06-02T23:24:17.063 回答
1

你没有在你的帖子中给出任何标记，所以我猜是这样的：

HTML

<div id="radioButtons">
  <input type="radio" name="quantity" id="radio1">
  <input type="radio" name="quantity" id="radio2">
</div>
<div class="checkBoxes">
  Color 1:<input type="checkbox" name="color" disabled="disabled">
  Color 2:<input type="checkbox" name="color" disabled="disabled">
  Color 3:<input type="checkbox" name="color" disabled="disabled">
  Color 4:<input type="checkbox" name="color" disabled="disabled">
  Color 5:<input type="checkbox" name="color" disabled="disabled">
</div>

jQuery

$('#radio1').on('change', function() {
    $('.checkBoxes :checkbox').prop('disabled', true);
    $(':checkbox:eq(0)').prop('disabled', false);
});

$('#radio2').on('change', function() {
    $('.checkBoxes :checkbox').prop('disabled', true);
    $(':checkbox:eq(0), :checkbox:eq(1)').prop('disabled', false);
});

示例锻炼

于 2012-06-02T20:38:39.323 回答
0

您可以将单击事件添加到复选框，然后在事件处理程序中检查允许的最大复选框的条件，然后根据是否达到该限制返回 true 或 false。

于 2012-06-02T20:31:39.067 回答
0

请参阅示例

我正在维护要在收音机 id 中创建的复选框的数量，并在 div 中动态创建复选框。

编辑：

我更新了你给的小提琴。请看一下更新小提琴

于 2012-06-02T20:57:14.030 回答