Почему я получаю сообщение UncaughtSyntax

Question

Я пытаюсь написать скрипт, который проходит через все элементы с идентификатором «toggleSelect». Он должен добавить функцию onclick, которая переключает данный флажок выбора на основе атрибута rel того же элемента.

Пример:

<input type="radio" name="button" value="toggle" id="toggleSelect" rel="example1"> 

<select name="example1" id="example1" DISABLED> 
    <option>Test Option</option> 
    <option>Test Option</option> 
    <option>Test Option</option> 
</select> 

Так в основном, когда переключатель выше нажата, она должна иметь функцию OnClick, которая позволяет выберите поле «example1». Я получаю «Uncaught SyntaxError: Неожиданный токен». и я понятия не имею, почему. Вот мой код:

(function(){ 

    $("#toggleSelect").on("click", function(){ 
     idToggler = $(this).attr("rel"); 
     if($("#" + idToggler)).is(":disabled")){ 

      $("#" + idToggler.prop("disabled", false); 

     } else { 

      $("#" + idToggler.prop("disabled", true); 

     } 
    }); 
}); 

Любая помощь была бы принята с благодарностью!

Answer 1

Попробуйте:

$("#toggleSelect").change(function() { 
    idToggler = $(this).attr("rel"); 
    if($("#" + idToggler).is(":disabled")){ 

     $("#" + idToggler).removeAttr("disabled"); 

    } else { 

     $("#" + idToggler).addAttr("disabled"); 

    } 
}); 

Working Fiddle

Answer 2

Есть несколько синтаксических ошибок в коде попробуйте следующий код,

$(function() { 
    $("#toggleSelect").on("change", function() { 
     idToggler = $(this).attr("rel"); 
     if ($("#" + idToggler).is(":disabled")) { 
      $("#" + idToggler).prop("disabled", false); 
     } else { 
      $("#" + idToggler).prop("disabled", true); 
     } 
    }); 
}); 

Fiddle Demo

Answer 3

здесь является вопрос

if($("#" + idToggler)).is(":disabled")){ 
        ↑ 

изменить его с

if($("#" + idToggler).is(":disabled")){ 

и здесь является вопрос

$("#" + idToggler.prop("disabled", false); 
       ↑ 

должно быть

$("#" + idToggler).prop("disabled", false); 

и еще

$("#" + idToggler).prop("disabled", true); 

и вам нужно добавить $ знак перед тем (function(){

как этот

$(function(){ 

и, наконец, вы должны использовать on как

$(document).on("change", "#toggleSelect", function() {