Question

我是jQuery的新手，但必须得到一个解决方案，一起为生成的表单添加警报（所以我不能更改div，最后只添加JS和jQuery）。

我一直试图在单击某个单选按钮时创建一个警报，但我似乎无法触发它，看了一些其他线程但没有快乐！（似乎无法在这里正确格式化代码！）

<div class="inputWrapper">
    <span id="tfa_3575" class="choices horizontal ">
        <span class="oneChoice">
            <input type="radio" value="tfa_3576" class="" id="tfa_3576" name="tfa_3575">
            <label class="label postField" id="tfa_3576-L" for="tfa_3576">Confirmed Submission</label>
        </span>
        <span class="oneChoice">
            <input type="radio" value="tfa_3577" class="" checked="" id="tfa_3577" name="tfa_3575">
            <label class="label postField" id="tfa_3577-L" for="tfa_3577">Keep as Draft</label>
        </span>
    </span>
</div>

我使用了以下但我无法使用它！任何想法我做错了什么！目标是检查哪一个被勾选，如果勾选了一个发送警报和编辑按钮文本（虽然我可以管理最后一点!!）

<script type='text/javascript'>
    jQuery(document).ready(function(){
        $('input:radio[name="tfa_3576"]').change(function(){
           alert("test");
        });
    });
</script>

谢谢！

Answer 1

问题是您没有名称属性为tfa_3576

的单选按钮

$('input:radio').change(function(){
       alert("test");
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="inputWrapper">
  <span id="tfa_3575" class="choices horizontal ">
    <span class="oneChoice">
      <input type="radio" value="tfa_3576" class="" id="tfa_3576" name="tfa_3575">
      <label class="label postField" id="tfa_3576-L" for="tfa_3576">Confirmed Submission</label>
     </span>
    <span class="oneChoice">
      <input type="radio" value="tfa_3577" class="" checked="" id="tfa_3577" name="tfa_3575">
      <label class="label postField" id="tfa_3577-L" for="tfa_3577">Keep as Draft</label>
    </span>
  </span>
</div>

Answer 2

您将name属性设置为错误的值tfa_3575。只需将名称属性从tfa_3575更改为tfa_3576

即可

<input type="radio" value="tfa_3576" class="" id="tfa_3576" name="tfa_3576">

Answer 3

使用单选按钮，您可以更改＆＃34;已选中＆＃34;国家，而不是价值，因此，改变＆＃39;事件没有发生。观察点击＆＃39;事件而不是。

并确保jQuery选择器是正确的。

Jquery单选按钮触发单击

3 个答案: