仅选择一个复选框（并取消选择休息）并在选中复选框时显示输入字段

Question

1. 我有一个带有“是”和“否”作为两个复选框的表单。 这些一开始是未选中的。 如果用户不想做出决定（这就是我没有使用单选按钮的原因），我希望用户只选择其中一个，并可以取消选择他们的选择。 选择是应该取消选择否，反之亦然。 我不知道该怎么做。 我正在使用 PHP (codeigniter)、Javascript 和 JQuery。

2. 其次，选择是或否后，需要显示输入字段。 我有这个设置，但它在“onclick”操作上切换，这意味着选择是两次显示并隐藏输入字段！ 我希望输入字段显示是否选择了是或否，如果未选择是和否，则消失。

    $do_toggle = "onClick=\\"javascript:toggle('togglenote');\\""; echo form_radio('decision'.$key,'y',FALSE,$do_toggle)."Yes "; echo form_radio('decision'.$key,'n',FALSE,$do_toggle)."No"; echo form_input($mytext); // I put a div tag around the form_input above // but it's not showing in the StackOverflow question... // but it's there for the toggle to work.

Answer 1

假设你的 html 是这样的（我认为是这样）：

<input type="checkbox" name="decisionY" value="y" /> Yes
<input type="checkbox" name="decisionN" value="N" /> Yes
<input type="text" id="togglenote" name="togglenote" />

你的js将是：

$(document).ready(function(){
  $(":checkbox[name^='decision']").change(function(){
     if($(this).is(":checked")){
        $(":checkbox[name[^='decision']").attr("checked", false); //Uncheck the other
        $(this).attr("checked", true);
        $("#togglenote").show();
     }
     if($(":checkbox[name^='decision']:checked").size() == 0){
        $("#togglenote").hide();
     }
  });
});

希望这可以帮助。 干杯。

Answer 2

这应该做你想做的：

$("#checkbox1").change(function() {

if ($(this).attr("checked") && $("#checkbox2").attr("checked")) {
   $("checkbox2").removeAttr("checked");
} else if ($(this).attr("checked")) {
   $("#inputfield").show();
} else {
   $("#inputfield").hide();
}
});


$("#checkbox2").change(function() {

if ($(this).attr("checked") && $("#checkbox1").attr("checked")) {
   $("checkbox1").removeAttr("checked");
} else if ($(this).attr("checked")) {
   $("#inputfield").show();
} else {
   $("#inputfield").hide();
}
});

Answer 3

1. 选择其中之一作为 jQuery 或 javascript
2. 不要认为这是 100% 保证某些黑客不能同时设置和发布:)
3. 针对设置的是/否值分析 $_REQUEST 数组
4. 做出决定。

附注。 JQuery 不适用于我的 nokia 6303c :) 设备，硬编码 - 会工作......所以应用程序必须有 2 个部分。