Question

我有一组带有激光选项的单选按钮＆＃34;其他＆＃34;和输入field type text。默认情况下，如果您单击＆＃34;其他＆＃34;则禁用输入字段。单选按钮然后启用该字段。如果选择单选按钮更改，如何禁用输入字段？

这是我的代码：

$(document).ready(function(){
     $("#text-inputt").prop('disabled', true)
 });
$("#lastt").click(function(){ $("#text-inputt").prop('disabled', false/true)});

如果您更改了无线电选择，则此代码不会禁用输入字段。

更新1 我试过这个：

 $(document).ready(function(){
     $("#text-inputt").prop('disabled', true);
 });
$("#lastt").click(function(){ 
if($(this).is(':checked')) {
      $("#text-inputt").prop("disabled", false);
  }  else {
      $("#text-inputt").prop("disabled", true);
  }  
});

但是，如果更改单选按钮，则不会将输入设置为禁用。

Answer 1

改变：

$(document).ready(function(){
$("#text-inputt").prop('disabled', true)
});
$("#lastt").click(function(){ $("#text-inputt").prop('disabled', false/true)});

到

 $(document).ready(function(){
 $("#text-inputt").prop('disabled', true)
 });
 $("#lastt").click(function(){
 if($(this).val=='Other')
 {
 $("#text-inputt").prop('disabled', false)
 }
 else
 {
  $("#text-inputt").prop('disabled', true)
 }
 });

Answer 2

试试这个，这里输入框将切换，即启用/解除

$("#radioBtn").change(function(){
  $("#inputBox").attr("disabled", ! $(this).is(':checked'));    
});

Answer 3

你可以like this

 $(document).ready(function(){
    $("#text-inputt").prop('disabled', true);
    $('input[type=radio]').click(function(){
        if($(this).prop('id') == "lastt"){
         $("#text-inputt").prop("disabled", false);
      }else{
        $("#text-inputt").prop("disabled", true);
      }

    });
 });

Answer 4

解决方案可能是：

向您的单选按钮组添加change侦听器
收音机更改时，请检查其值
如果值为“other”，则启用输入字段。

工作示例：https://jsfiddle.net/3afjqe7j/1/

var $input = $('#text-inputt');

$("input[name=my-radios]").on('change', function() {
    var disabled = $(this).val() !== 'other';
    $input.prop('disabled', disabled);
});

如何根据单选按钮切换启用/禁用输入字段

4 个答案: