Question

我之前使用jquery工作帮助获取javscript函数 - 请参阅： JS Fiddle working example

＆＃13;

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

＆＃13;

<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>

＆＃13;

将相同的代码插入生成的表单页面后，我不确定它为什么不起作用 - 请参阅： Webform with code not working

不幸的是我无法编辑任何表单元素，因为它们是自动生成的，但希望有人可能有不同的想法来实现 - 通常情况下，更好的EG目标相关的id更改，也许不使用jquery < / p>

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);
});
});

生成的表单不喜欢javascript更改字段值功能

1 个答案: