checkbox allways return false

Question

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

Итак, вот сценарий:

<script type="text/javascript"> 
    function update_contact(id, name) { 
     alert("idCont : " + id + "\n nameCKB : " + name + "\n state : " 
       + $(this).attr('checked')); 
     var a = location.pathname.substring(1).split('/') 
     $.ajax({ 
      url : '@Url.Action("update_contact")', 
      type : 'POST', 
      data : { 
       name : name, 
       isChecked : $(this).is(':checked'), 
       idOpp : a[2], 
       idCont : id 
      }, 
      success : function(result) { 
      } 
     }); 
    }; 
</script> 

А вот код в CheckBox в:

@If mail = False Then 
    @<input type="checkbox" name="mailed" id="mailed" class="mailed" onclick="update_contact(@item.idContact.toString() , 'mailed')" /> 
Else 
    @<input type="checkbox" name="mailed" id="mailed" class="mailed" onclick="update_contact(@item.idContact.toString() , 'mailed')" checked="checked" /> 
End If 

А вот код, сгенерированный сервером:

<input name="mailed" id="mailed" class="mailed" onclick="update_contact(1 , 'mailed')" type="checkbox"> 

В В начале я использовал Html-помощник. Это возвращалось так:

<input id="mailed" name="mailed" onclick="update_contact(1 ,'mailed')" value="true" type="checkbox"> 
<input name="mailed" value="false" type="hidden"> 

Я, хотя это было из-за второго ввода, что он всегда возвращал ложное состояние.

(извините, если мой английский плохо, я не носитель английского языка)

Answer 1

Проблема заключается в том, что, вероятно, не this что вы думаете. Попробуйте явно передать ссылку на щелкнули флажок вашей функции:

@If mail = False Then 
     @<input type="checkbox" name="mailed" id="mailed" class="mailed" onclick="update_contact(@item.idContact.toString() , 'mailed', this)" /> 
Else 
     @<input type="checkbox" name="mailed" id="mailed" class="mailed" onclick="update_contact(@item.idContact.toString() , 'mailed', this)" checked="checked" /> 
End If 

А потом:

function update_contact(id, name, cb) { 
     alert("idCont: " + id + "\n nameCKB: " + name + "\n state: " + cb.checked); 
     // you could say $(cb).attr("checked"), but cb.checked is more efficient 
     // and easier to read 
     var a = location.pathname.substring(1).split('/') 
     $.ajax({ 
      url: '@Url.Action("update_contact")', 
      type: 'POST', 
      data: { 
        name: name, 
        isChecked: cb.checked, 
        idOpp: a[2], 
        idCont: id 
      }, 
      success: function (result) {} 
     }); 
    }; 

В качестве альтернативы использовать JQuery, чтобы назначить обработчик щелчка и он будет правильно установить this для вас. Вы можете поставить @item.idContact.toString() в атрибуте value, а затем получить доступ к нему с помощью this.value в обработчике:

@If mail = False Then 
     @<input type="checkbox" name="mailed" id="mailed" class="mailed" value="@item.idContact.toString()" /> 
Else 
     @<input type="checkbox" name="mailed" id="mailed" class="mailed" value="@item.idContact.toString()" checked="checked" /> 
End If 

А потом:

$(document).ready(function() { 
    $("#mailed").click(function() { 
     alert("idCont: " + this.value + "\n nameCKB: " + this.name + "\n state: " + this.checked); 
     // you could say $(this).attr("checked"), but this.checked is more efficient 
     // and easier to read 
     var a = location.pathname.substring(1).split('/') 
     $.ajax({ 
      url: '@Url.Action("update_contact")', 
      type: 'POST', 
      data: { 
        name: this.name, 
        isChecked: this.checked, 
        idOpp: a[2], 
        idCont: this.value 
      }, 
      success: function (result) {} 
     }); 
    }); 
}); 

(Примечание: Я на самом деле не знаю/синтаксис бритвы VB , Я просто догадываюсь об этой части.)

Answer 2

Попробуйте (рабочий скрипку здесь: http://jsfiddle.net/Ac3kd/):

<script type="text/javascript"> 
    function update_contact(id, name) { 
     var source = $('#'+name); 
     alert("idCont : " + id + "\n nameCKB : " + name + "\n state : " + source.attr('checked')); 
     var a = location.pathname.substring(1).split('/') 
     $.ajax({ 
      url: '@Url.Action("update_contact")', 
      type: 'POST', 
      data: { 
        name: name, 
        isChecked: source.is(':checked'), 
        idOpp: a[2], 
        idCont: id 
      }, 
      success: function (result) {} 
     }); 
    }; 
</script> 

Answer 3

Mamoo is correct: $ .ajax - объект jQuery, поэтому $(this) не укажет на элемент, который вызвал функцию update_contact.Вместо создания двух переменных (source анс a), как mamoo делает, я бы создать var data как раз перед $.ajax бит:

function update_contact(id,name) 
{ 
    var data = {name: name, 
       isChecked: $(this).is(':checked'), 
       idOpp: location.pathname.substring(1).split('/')[2], 
       idCont: id}; 
    $.ajax({ 
      url: '@Url.Action("update_contact")', 
      type: 'POST', 
      data: data, 
      success: function (result) {} 
     }); 
} 

EDIT

для $(this) работать, вместо передачи имени и id, что означает, что вы выбрали элемент флажка где-то, и вы вызываете функцию аналогично этому:

update_contact($(elem).attr('id'),$(elem).attr('name')); 

просто использовать более короткий, чище и мощнее:

update_contact.call($(elem)); 

Или изменить встроенный onclick="update_contact()" к onclick="update_contact.call(this)". просто это, без знака $ или скобки ...