javascript - 启用/禁用字段的单选按钮

Question

我有一个带有几组单选按钮的表单。选择一个单选按钮将启用该text字段并禁用其余字段。我无法启用该字段。我已经尝试了几乎所有功能（next、nextAll、nextUnit、find、findAll、closest ...），但可能没有正确使用它们。

这是一个只有一组按钮的测试：http: //jsfiddle.net/QTseK/

同样在页面加载时，一些单选按钮已经被选中，我必须运行什么才能禁用其余的（未选中的字段）？

谢谢

Answer 1

由于您的元素具有类属性，您可以使用类选择器选择它们，启用/禁用表单元素，您可以使用该prop方法。

$("body").on("click", "input[type='radio']", function() {
    $('.fieldSelector').prop('disabled', true);
    $(this).closest('tr').find('.fieldSelector').prop('disabled', false)
});

http://jsfiddle.net/AfRdj/

Answer 2

jsFiddle

$("body").on("click", "input[type=radio]", function() {
   $(this).closest("table").find("input[type=text]").prop("disabled", true);
    $(this).closest("tr").find("input[type=text]").prop("disabled", false);

});​

您可以根据您的 HTML 添加/修改选择器。

此外，我不确定是否会将事件侦听器放在主体上。如果元素在整个页面生命周期中都在 DOM 中，我认为我更喜欢这样的东西。（最初是页面上的问题元素吗？）

$("input[type=radio]").on("click", function() {//you can change input[type=radio] to any other selector that you have already used
   $(this).closest("table").find("input[type=text]").prop("disabled", true);
    $(this).closest("tr").find("input[type=text]").prop("disabled", false);

});​