如何使用Javascript通过其值和名称属性访问输入字段的值。

我想选择一个输入,我想通过他的名字和值来选择。<input id="tb-radio-gym_custom_radio-10ce67e3" type="radio" value="OUI" name="form_fields[gym_custom_radio]" data-price-inc="0" checked="checked">

我想通过他的名字和值来选择它。 id是随机的,所以我不能这样选择。

我不知道如何用:value=”OUI “和name=”form_fields[gym_custom_radio]”来选择它。

当我可以选择这个输入时,我想把它隐藏起来,可以是JS或Jquery,我试过了,但我做不到,所以谢谢你的帮助!!!!!!。

解决方案:

使用一个 属性选择器 的多个属性。

const radioButton = document.querySelector(
    'input[name="form_fields[gym_custom_radio]"][value="OUI"]')

请确保你引用了这些值,这样你就不会因为在 name.

你可以用jQuery来使用相同的选择器字符串。

演示…

const radioButton = document.querySelector(
    'input[name="form_fields[gym_custom_radio]"][value="OUI"]')
    
radioButton.classList.add('active')
console.log('OUI data-price-inc:', radioButton.dataset.priceInc)
.active {
  box-shadow: 0px 0px 5px 2px red;
}
<input id="tb-radio-gym_custom_radio-10ce67e3" type="radio" value="OUI" name="form_fields[gym_custom_radio]" data-price-inc="0" checked="checked">
<input id="tb-radio-gym_custom_radio-7r7r09r" type="radio" value="NON" name="form_fields[gym_custom_radio]" data-price-inc="1">

给TA打赏
共{{data.count}}人
人已打赏
未分类

显示多个图标的Eclipse启动图标

2022-9-8 15:35:40

未分类

SonarQube 8.2分析显示代码覆盖率为0。

2022-9-8 15:35:42

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索