JQuery флажок отменить решение - PullRequest
Новая
       7

JQuery флажок отменить решение

2 голосов
/ 19 сентября 2010 
<table> 
  <tr>
   <td>
    <div>
     <input type="checkbox" id="home1">Home1</input>
     <input type="checkbox" id="home2">Home3</input>
     <input type="checkbox" id="home3">Home3</input>
     <input type="checkbox" id="home4">Home4</input>
   </div>
  </td>
  <td id="selectedhome"> </td>
 </tr>
</table>

<input type="button" value="Select" />

В приведенном выше коде при нажатии кнопки все выбранные значения флажка должны появиться в выбранном домене td со ссылкой отмены рядом с ним и быть невидимыми с первого раза. Для выбора кнопки отмены флажок должен вернуться в исходное положение. Как этого добиться используя jquery

1 Ответ

2 голосов
/ 19 сентября 2010

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

Пример: http://jsfiddle.net/6kFMk/1/

  // Display ID value of checked boxes
$('input[value=Select]').click(function() {
    var values = $('table :checkbox:checked').map(function() {
        return this.id;
    }).get().join(',');
    var home = $('#selectedhome').text(values);
});

  // Reset checkboxes to initial state
$('input[value=Undo]').click(function() {
    $('table :checkbox').each(function() {
        this.checked = this.defaultChecked;
    });
});​
...