单选按钮列表?当我选择一个单选按钮时,我想通过再次单击所选的单选按钮取消选择

时间:2011-08-16 11:18:40

标签: c# jquery asp.net jquery-ui

我使用asp:radiobuttonlist并拥有2个无线电,例如是/否。

我希望能够让用户在单击“是”或“否”后撤消选择,再次单击“是”或“否”。

例如,用户点击“是”,但他认为“不,我稍后会回答”。他们无法撤消选择......他们必须选择是或否。

有没有办法让它当用户点击YES时,选择yes,当他们再次点击YES时,应该取消选择...结果应该是yes,no不填充/点击/选择?

我不想添加第3个单选按钮作为选项。只是希望能够为用户提供功能,以便当他再次点击所选项目时,应该取消选择...所需结果:两者都未被选中。

我需要考虑jQuery的方向,对吗?

4 个答案:

答案 0 :(得分:4)

这不是无线电按钮的预期行为 - 你不要再点击它来否定它。如果你想要,你应该看一下checkbox / checkboxlist。

答案 1 :(得分:2)

你可以给他们第三个“未定”的单选按钮吗?如this fiddle

所示

答案 2 :(得分:1)

在盒子外面思考。 使用像'包含这个?'这样的标签 我们可以通过复选框检查并取消选中他们的心愿 像这样的gui问题主要是关于正确的方法。

答案 3 :(得分:0)

使用复选框组并绑定单击处理程序以取消选择该组中的其他组:

$("input[type='checkbox']").bind('click', function() {
    var name = $(this).attr('name');
    $("input[type='checkbox'][name='" + name + "'][id!='" + $(this).attr('id') + "']").map(function() {
        $(this).prop('checked', false); return this;
    }).checkboxradio('refresh');
});