javascript - 生成的表单不喜欢 javascript 更改字段值函数

Question

我之前曾被帮助使用 jquery 工作来获得 javscript 函数 - 请参阅: JS Fiddle working example

$("[name='COLUMN35']").on('change', function() {
  var val = $(this).val();
  var reverseVal = (val == 'Yes' ? 'No' : 'Yes')
  $("input[value='" + reverseVal + "']:not([name='COLUMN35'])").prop('checked', true);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<span>Option 1</span><br />
<form>
<label><input type="radio" name="option1" id="option1Yes" value="Yes">Yes</label>
<label><input type="radio" name="option1" id="option1No" value="No">No</label>
<br /><br />
<span>Option 2</span><br />
<label><input type="radio" name="option2" id="option2Yes" value="Yes">Yes
</label>
<label><input type="radio" name="option2" id="option2No" value="No">No</label>
<hr />
<span>Unsubscribe from all</span><br />
<label><input type="radio" name="COLUMN35" id="unsubYes" value="Yes">Yes</label>
<label><input type="radio" name="COLUMN35" id="unsubNo" value="No">No</label>
<br /><br />
<input type="submit" value="submit">
</form>

在生成的表单页面中实现相同的代码后，我不确定为什么它不起作用 - 请参阅: Webform with code not working

不幸的是，我无法编辑任何表单元素，因为它们是自动生成的，但希望有人可能有不同的想法来实现 - 通常越困惑越好 E.G 目标要更改相关 id，并且可能不使用 jquery

Answer 1

尝试将代码放入$(document).ready(function(){}) 例如

$(document).ready(function(){
$("[name='COLUMN35']").on('change', function(){
    var val = $(this).val();
    var reverseVal = (val == 'Yes' ? 'No' : 'Yes')
    $("input[value='"+reverseVal+"']:not([name='COLUMN35'])").prop('checked', true);
});
});