Question

我有一个使用Liquid Shopify的捐赠页面。我无法更改 name="donation[amount_option]" （我无权访问该文件），因此我需要允许保留该代码的代码。

我想让 $ 250 加载时自动检查

我的代码

document.querySelector('input[name="donation[amount_option]"][value=250]').checked = true;

<div class="radio-inline donation-v2-amounts padbottommore">
  <span>
    <input id="donation_amount_25" type="radio" name="donation[amount_option]" class="donation_amount_option" value="25">
    <label for="donation_amount_25" class="radio">$25</label>
  </span>
  
  <span>
    <input id="donation_amount_250" type="radio" name="donation[amount_option]" class="donation_amount_option" value="250">
    <label for="donation_amount_250" class="radio">$250</label>
  </span>
  
  <span>
    <input id="donation_amount_1000" type="radio" name="donation[amount_option]" class="donation_amount_option" value="1000">
    <label for="donation_amount_1000" class="radio">$1,000</label>
  </span>
</div>

Answer 1

$(document).ready(function(){
    $('#donation_amount_250').prop('checked',true);
});

Answer 2

如果您需要纯js替代项（除了上面的答案）。您可以按值选择：

document.querySelector('input[value="250"]').checked = true;

编辑：

如果不清楚，您可以使用任何有效的选择器，例如id，即：

document.querySelector('#donation_amount_25').checked = true;。

Answer 3

只需将“ checked”关键字添加到输入的末尾即可。

<input id="donation_amount_250" type="radio" name="donation[amount_option]" class="donation_amount_option" value="250" checked>

如何在页面加载时检查收音机

3 个答案: