在Cypress中修改页面HTML：如何移除checkbox的disabled属性

完全可以通过Cypress操作DOM实现你要的效果，你需要的移除disabled属性后点击checkbox的需求可以通过以下两种方式实现：

• 方法1：使用Cypress内置的invoke方法调用jQuery API直接移除属性（最简洁）

// 定位到目标禁用状态的checkbox，可根据实际情况调整选择器精度
cy.get('input[type="checkbox"]')
  // 移除disabled属性
  .invoke('removeAttr', 'disabled')
  // 移除属性后直接点击
  .click()

• 方法2：手动获取原生DOM节点操作（适合更复杂的自定义DOM修改场景）

cy.get('input[type="checkbox"]').then($el => {
  // 取原生DOM元素执行属性移除
  $el[0].removeAttribute('disabled')
})
// 属性移除完成后执行点击操作
cy.get('input[type="checkbox"]').click()

补充说明：以上两种方式都可以模拟用户手动通过浏览器开发者工具修改DOM的行为，完全匹配你漏洞复现的场景需求。如果页面有多个同类型checkbox，只需要调整cy.get()内的选择器，增加id、class、父元素限定等条件精准匹配目标元素即可。

内容的提问来源于stack exchange，提问作者hbblue