Отключить радиокнопку с помощью jQuery в динамической форме

Question

Я заставляю себя орехами, пытаясь отключить переключатель в форме, которая генерируется динамически. Это код, который я использую. То, что бросает ошибку, - это имя идентификатора из-за всех скобок в нем. Я попытался убежать от них, но безрезультатно.

Сценарий:

$(document).ready(function() { 

$("div.property_options_select input[id='#akID\\[114\\]\\[atRadioOptionID\\]\\[\\]1']").on('click',function(){ 
    $("input:radio").attr('disabled',true); 
    }); 
}); 

HTML-:

<div class="property_options_select"> 

      <label class="radio"> 
       <input type="radio" name="akID[114][atRadioOptionID][]" id="akID[114][atRadioOptionID][]1" value="17" class="ccm-input-radio" />     9:00AM - 11:00AM    </label> 


      <label class="radio"> 
       <input type="radio" name="akID[114][atRadioOptionID][]" id="akID[114][atRadioOptionID][]2" value="18" class="ccm-input-radio" />     9:30AM - 11:30AM    </label> 

Кто-нибудь есть предложение, как целевой, что первый переключатель?

Answer 1

Вы можете настроить таргетинг на первого ребенка с помощью селектора :first-child так:

$("input:radio:first-child").attr("disabled","disabled"); 

http://jsfiddle.net/dajzvysg/

Answer 2

Вы пытались с двойной обратной косой черты?

$('#akID\\[114\\]\\[atRadioOptionID\\]\\[\\]1').prop('disabled', true); 

Answer 3

Вы должны использовать двойную косую черту в селекторе jquery.

$(document).ready(function() { 
     $("div.property_options_select input[id='#akID\\[114\\]\\[atRadioOptionID\\]\\[\\]1']").on('click',function(){ 
      $("input:radio").attr('disabled',true); 
     }); 
    }); 

Answer 4

Вам не нужно избегать скобок. Вам просто нужно удалить #.

Ваш селектор будет $("div.property_options_select input[id='akID[114][atRadioOptionID][]1']")

https://jsfiddle.net/3h4jpm1e/