jquery - 使用单选按钮禁用/启用文本字段 (jQuery)

Question

感谢您过去的帮助。我又问你了。

我想要有 2 个单选按钮，这将更改文本输入的状态(启用/禁用)。

我设法将其从禁用变为启用，但问题是，当您在单选按钮之间切换时，文本字段仍保持启用状态。我不希望这样。

html 处于 fiddle 状态

$(document).ready( function(){
$('#casodhoda,#casodhoda1').prop('disabled',true);
$('input[type=radio][name=radioknof1]').click( function(){
$('#casodhoda,#casodhoda1').prop('disabled',true).val('');
$(this).next('span').children('wpcf7-form-control-wrap casodhoda').prop('disabled',false).triggerHandler('focus');
});
});

编辑，修改了一些代码，无论如何都无法再找到工作解决方案。我希望在加载时禁用输入字段，当用户单击 radio 时，它应该启用两者并专注于第一个输入字段。 http://jsfiddle.net/wLFKD/3/在这儿。谢谢!

Answer 1

根据您的网站 html 完全更改。这应该有效:

$(document).ready( function(){
  $('#casodhoda,#casprihoda').prop('disabled',true);
  $('input[type=radio][name=radioknof]').click( function(){
    $('#casodhoda,#casprihoda').prop('disabled',true).val('');
    $(this).next('span').children('.wpcf7-form-control').prop('disabled',false).triggerHandler('focus');
  });
});

有一个拼写错误。如果这不起作用，我能想到的唯一其他方法就是...不，我认为这会起作用。