如何在变化事件中使用无线电?

我有两个单选按钮在改变事件我想改变按钮怎么可能? 我的代码

<input type="radio" name="bedStatus" id="allot" checked="checked" value="allot">Allot
<input type="radio" name="bedStatus" id="transfer" value="transfer">Transfer

脚本

<script>
    $(document).ready(function () {
        $('input:radio[name=bedStatus]:checked').change(function () {
            if ($("input[name='bedStatus']:checked").val() == 'allot') {
                alert("Allot Thai Gayo Bhai");
            }
            if ($("input[name='bedStatus']:checked").val() == 'transfer') {
                alert("Transfer Thai Gayo");
            }
        });
    });
</script>

当前回答

简单的ES6(仅javascript)解决方案。

document.forms.demo.bedStatus.forEach（radio => { radio.addEventListener（'change'，（） => { alert（'${document.forms.demo.bedStatus.value} Thai Gayo'）; }) }); <表单名称=“演示”> <输入类型=“收音机”名称=“床状态”值=“分配”选中>分配 <输入类型=“收音机”名称=“床状态”值=“转移”>转移 </form>

2018-11-03 18:03:27

其他回答

<input type="radio" name="radio"  value="upi">upi
<input type="radio" name="radio"  value="bankAcc">Bank

<script type="text/javascript">
$(document).ready(function() {
 $('input[type=radio][name=radio]').change(function() {
   if (this.value == 'upi') {
    //write your logic here

    }
  else if (this.value == 'bankAcc') {
    //write your logic here
 }
 });
 </script>

2017-11-23 06:03:13

简单的ES6(仅javascript)解决方案。

2018-11-03 18:03:27

对上述答案的改编……

$('input[type=radio][name=bedStatus]').on('change', function() { switch ($(this).val()) { case 'allot': alert("Allot Thai Gayo Bhai"); break; case 'transfer': alert("Transfer Thai Gayo"); break; } }); <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="radio" name="bedStatus" id="allot" checked="checked" value="allot">Allot <input type="radio" name="bedStatus" id="transfer" value="transfer">Transfer

http://jsfiddle.net/xwYx9

2012-10-31 07:16:11

使用onchage函数

函数my_function（val）{ 警报（val）; } <输入类型=“收音机” 名称=“床状态” 值=“分配” onchange=“my_function（'分配'）” checked=“checked”>分配 <输入类型=“收音机” 名称=“床状态” 值=“传输” onchange=“my_function（'传输'）”>传输

2018-01-29 05:30:47

如果单选按钮是动态添加的，您可能希望使用它

$(document).on('change', 'input[type=radio][name=bedStatus]', function (event) {
    switch($(this).val()) {
      case 'allot' :
        alert("Allot Thai Gayo Bhai");
        break;
      case 'transfer' :
        alert("Transfer Thai Gayo");
        break;
    }     
});

2019-01-30 23:37:37

如何在变化事件中使用无线电?

推荐文章

最新文章

标签