Jquery добавить статус для ответа

Question

     <form>
  <input type="checkbox" id="m_q" name="m_q" value="271">Name</input><div name="status"></div>
   <input type="checkbox" id="m_q" name="m_q" value="271">Age</input><div name="status"></div>
   <input type="checkbox" id="m_q" name="m_q" value="271">ID</input><div name="status"></div>
  <input type="checkbox" id="m_q" name="m_q" value="271">Emp no</input><div name="status"></div>
 <input type="button" value="save" onclick="save" />
 </form>

 <script>
   function save()
    {
     $.post("/det/save_details/",snddata,
    function(data){
   if(data == 0 ){
   alert('data added');
   //How to disable the checkbox field and in the div say data added
    },"json");
     } 
</script>

В приведенном выше коде после получения ответа от сервера onselect (), как сказать «данные добавлены» в div статуса только для выбранного флажка

Answer 1

@ Код Хаима работает, но я думаю, что он спрашивал, как добавить html в div, основываясь на том, какой флажок был установлен, и на основе предоставленного html, который не имеет конкретных идентификаторов для div, поэтому вот некоторые JQuery код, который работает с HTML, который вы предоставили. Он захватывает флажки и отключает их, а затем захватывает следующий элемент div с именем = status, чтобы добавить к нему текст HTML.

$('input:checkbox:checked').attr('disabled', true);
$('input:checkbox:checked + div[name=status]').html('data added');

Вы можете увидеть страницу jsFiddle с примером с вашим HTML (без Ajax-части и только что сделанным в событии нажатия кнопки).

Answer 2

для отображения в div используйте html () func

$('#statusdivid').html('data added');

, чтобы отключить использование attr ()

$('#checkboxid').attr('disabled', true);