8 lis 2020

Stylowanie przycisków radio/checkbox

Stylowanie przycisków radio/checkbox
Dzisiaj będzie o stylowaniu radio oraz checkbox butonów. Przykład jest w połączeniu z przekreślaniem treści, przydało się ostatnio w budowaniu składników przepisów.
Zacznę od html, są to dwa formularze z butonami po kliknięciu których wstawimy w h3 te opcje (value) które zaznaczyliśmy.
Poniżej skrócona wersja html, zaś na samym końcu wpisu cały przykład w codepen.io

10 kwi 2013

Odoblokowanie pola input, ustawionego na disabled

jQuery('#table input[type=radio]').click(function () {
  jQuery('#table input[type=button]').attr('disabled', 'disabled');
  let id = jQuery(this).attr('id');
  let id_btn = 'b' + id.substring(1, 5);
  jQuery('#' + id_btn).removeAttr('disabled');
});
<div id="table">
  <input id="k1" type="radio"><input id="b1" disabled="disabled">
  <input id="k2" type="radio"><input id="b2" disabled="disabled">
  <input id="k1" type="radio"><input id="b3" disabled="disabled">
</div>