Блог

Я не силен в jquery, может кто-нибудь преобразовать это в javascript / angular?

 $('#' $(e.target).attr('for')).prop('checked',true);
  

Это html

   <section class="numberOfPpl" [@fadeIn]="state">
              <span class="dropdown-el"  (click)="dropPerson($event)"  [ngClass]="{expanded: personChange }" >
                  <input type="radio" name="sortType" value="numberOfPeople" checked="checked"><label class="labelFirst2"  for="numberOfPeople">Number Of People</label>

                  <input type="radio" name="sortType" value="1-4" ><label for="1-4">1-4</label>

                  <input type="radio" name="sortType" value="4-8" ><label for="4-8">4-8</label>
                  <input type="radio" name="sortType" value="More"><label for="More">More</label>
                </span>
        </section>
  

Я хочу просто изменить значение / html-вывод после нажатия, например, 1-4

Вы можете использовать Document#querySelector для получения на основе CSS-селектора. Чтобы получить значение атрибута, используйте Element#getAttribute метод. И, наконец, вы можете обновить свойство, просто используя обозначение точкой или скобкой.

 document.querySelector('#'   e.target.getAttribute('for')).checked = true;
  

К вашему СВЕДЕНИЮ: Где e ссылается на объект event.

Чистый Javascript, без jQuery

 document.querySelector('#'   e.target   '[for]').checked = true;