Получение конкретного идентификатора с помощью JQuery

Question

Я код, который так:

<div class="answer_id" value="1" name="false"> 
    <input id="AsnwerAnswer1" type="checkbox" value="1" name="true"></input> 
    Answer 1 
</div> 

Я 4 ответов, как приведенный выше код, единственное, что изменение значения в моем DIV и входные идентификаторы.

При нажатии на флажок выбран флажок получить истинное значение:

$("input:checkbox").click(function() { 
    var thisChecked = $(this)[0].checked; 
     $("input:checkbox").removeAttr('checked'); 
     $("input:checkbox").attr('name', 'false'); 
     $(this).attr('name', 'true'); 
     $(this)[0].checked = thisChecked ? true : false; 
}); 

Когда я нажимаю на кнопку, чтобы отправить ответ:

$('#sendReponse').click(function(){ 

Я хотел бы получить значение div, который содержит выбранный флажок (тот, у кого есть значение в true).

Что я должен добавить к этому:

var iReponseId = $(this).closest('.answer_id').attr('value'); 

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

$(this)[0].checked = thisChecked ? true : false; 

EDIT:

Я сделал это, чтобы получить то, что я хотел:

$("input:checkbox").click(function() { 
     $("input:checkbox").not(this).prop('checked',false).removeAttr('class', 'chosen_answer'); 
     $(this).attr('class', 'chosen_answer'); 
    }); 

А потом

$('#sendReponse').click(function(){ 
var iReponseId = $('.chosen_answer').closest('.answer_id').attr('value'); 

Answer 1

В вашем коде $(this)[0].checked = thisChecked ? true : false; помогает откат вашего предыдущего состояния проверенного свойства после удаления проверяемого свойства, его можно уменьшить как this.checked = thisChecked.

---

Вы можете уменьшить весь свой код следующим образом

// use change event always for chekbox 
$("input:checkbox").change(function() { 
    // get all checkbox 
    $("input:checkbox") 
     .not(this) // ignore the clicked checkbox 
     .prop('checked',false) // uncheck the checkbox 
     .attr('name', 'false'); // set the attribute 
    $(this).attr('name', 'true'); // set name of clicked 
}); 

---

Для получения DIV, который содержит вход, вы должны использовать answer_id класс не response_id.

var iReponseId = $(this).closest('.answer_id').attr('value'); 

---

FYI: При использовании пользовательских атрибутов всегда использовать стандартный формат data-*.