通过名称jQuery的一部分选择元素

Question

我需要检查复选框是否被选中，问题是该复选框具有名称和ID，并且我不能使用它们，因为它是一个共享站点，一旦引入新元素，就可以更改名称和ID这页纸。 我该怎么办？

logging

Answer 1

您可以像这样使用javascript的querySelector()和CSS选择器

if (document.querySelector('input').checked) {
  // checked, so do something
}

---

如果您只希望input中的td类中的ms-formbody，像这样

if (document.querySelector('td.ms-formbody input').checked) {
  // checked, so do something
}

---

此外，如果您知道例如name的开头将始终相同，您可以使用开头为属性选择器[attribute^="value"]

if (document.querySelector('input[name^="ct100"]').checked) {
  // checked, so do something
}

或者如果name的结尾将使用 end with 属性选择器[attribute$="value"]

if (document.querySelector('input[name$="BooleanField"]').checked) {
  // checked, so do something
}

---

对于jQuery，将其.prop()方法与上述任何选择器结合使用

if ($( "selector" ).prop("checked")) {
  // checked, so do something
}

Answer 2

当属性从某个字符串开始时，请使用jQuery选择器

$( "input[name^='ctl00']" ).is( ":checked" )