>source

CSS 속성을 특정 이름으로 변경하는 방법을 찾고 있습니다.

아래에는 체크박스를 사용한 예가 있습니다. changeSpecialCheckBox()가 매개변수 내에서 true 값과 함께 발생하지 않는 한 일반적으로 동일한 두 가지 유형이 있습니다.

파일.css

.checkBoxApperance {
    width: 100px;
    height: 50px;
    background: 'dark-blue';
}

파일.html

<!--regularCheckBox--><div class="checkBoxApperance">   <input type="checkbox" id="regularCheckBox1" name="regularCheckBox"/></div><div class="checkBoxApperance">   <input type="checkbox" id="regularCheckBox2" name="regularCheckBox"/></div><div class="checkBoxApperance">   <input type="checkbox" id="regularCheckBox3" name="regularCheckBox"/></div><!--specialCheckBox--><div class="checkBoxApperance">   <input type="checkbox" id="specialCheckBox1" name="specialCheckBox"/></div><div class="checkBoxApperance">   <input type="checkbox" id="specialCheckBox2" name="specialCheckBox"/></div><div class="checkBoxApperance">   <input type="checkbox" id="specialCheckBox3" name="specialCheckBox"/></div>

파일.js

function changeSpecialCheckBox(condition)
{
  if(condition) {
    document.getElementsByName("specialCheckBox").forEach(elem=> {
      elem.disabled= true;
      $('.checkBoxApperance').css("background-color" , "light-blue"); //change the appearance
                                                                     //of all checkboxes
                                                                     //instead of all checkboxes under
                                                                     //the "specialCheckBox" name
      });
  }
}

jQuery를 사용하는 경우 getElementsByName()을 사용하는 이유는 무엇입니까? jQuery 선택기를 사용하여 해당 이름을 선택한 다음 해당 선택 항목에 style/disabled 속성을 적용하면 됩니다.

DBS2021-11-30 01:03:11
  • 이전 키보드가 열릴 때 Flutter "A RenderFlex overflow by.." 문제를 해결하는 방법
  • 다음 결합된 테이블에서 가장 높은 쌍 선택 -sql