Ich möchte über das Vorgehen von Radiobutton meine Datumsauswahl deaktivieren/aktivieren, aber es funktioniert nicht

Question

Hier ist mein

<script> 
    $(document).ready(function(){ 
     $('input[type=radio][name=test1]').click(function(){ 
      var related_class=$(this).val(); 
      $('.'+related_class).prop('disabled',false); 

      $('input[type=radio] [name=test1]').not(':checked').each(function(){ 
       var other_class=$(this).val(); 
       $('.'+other_class).prop('disabled',true); 
      }); 
     }); 
    }); 
</script> 

Hier ist der HTML

<label for="radio10"> <input type="radio"name="test2" value="radio10" /> Fixed Date 
    </label> 
From <input id="one" class="datepicker" type="text" readonly="false" name="for_radio10[]" class="radio10"disabled="false"> 
To <input id="two" class="datepicker" type="text" readonly="true" name="for_radio10[]" class="radio10"disabled="true"> 

Answer 1

Sie haben zwei Sätze von class Attribute für Wenn Sie zwei Klassen haben möchten, verwenden Sie ein einzelnes Attribut und trennen Sie sie mit Leerzeichen wie class="datepicker radio10"

jQuery(function($) { 
 
    $('.datepicker').datepicker({ 
 
    buttonImage: "//placehold.it/16", 
 
    showOn: 'both', 
 
    disabled: true 
 
    }); 
 

 
    $('input[type=radio][name=test1]').click(function() { 
 
    var related_class = $(this).val(); 
 
    $('.' + related_class).prop('disabled', false).datepicker("option", "disabled", false); 
 

 
    $('input[type=radio][name=test1]').not(':checked').each(function() { 
 
     var other_class = $(this).val(); 
 
     $('.' + other_class).prop('disabled', true).datepicker("option", "disabled", true); 
 
    }); 
 
    }); 
 
});

<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/redmond/jquery-ui.css" rel="stylesheet" /> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script> 
 
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/jquery-ui.js"></script> 
 
<label for="radio10"> 
 
    <input type="radio" name="test1" value="radio10" />Fixed Date 
 
</label> 
 
<label for="radio11"> 
 
    <input type="radio" name="test1" value="radio11" />Date Range 
 
</label> 
 

 
From 
 
<input id="one" class="datepicker radio10" type="text" readonly="false" name="for_radio10[]" disabled="false">To 
 
<input id="two" class="datepicker radio10" type="text" readonly="true" name="for_radio10[]" disabled="true">