Question

当我们更改按钮需要调用功能时，我们有两个单选按钮。以下是我的代码。

<input id="ordertype" type="radio" align="top" name="ordertype" value="NEW ORDER" checked="">
<input id="ordertype" type="radio" align="top" name="ordertype" value="ADDITIONAL ORDER (add items to previous order)">

Jquery代码

jQuery(document).ready(function(){
    $('input:radio[name="ordertype"]').change(function(){
        if($(this).val() === 'ADDITIONAL ORDER (add items to previous order)'){
           var removepages = 'boothlightingDiv';
        }else{
            var removepages =  'furnishingsprovidedDiv';
        }
    });
});

调用函数ToggleDiv('boothsizeDiv', removepages);

基于单选按钮需要更改ToggleDiv函数参数。任何帮助？

Answer 1

我会做这样的事情：
http://jsfiddle.net/bobrierton/5Lc17p1t/1/

    $(document).on('change', 'input[name=ordertype]', function() {

    var value = $(this).val();

    if (value == "ADDITIONAL ORDER (add items to previous order)") {
        //whatever your trying to do
        var removepages = 'boothlightingDiv';
    }else{
        //or whatever your trying to do
        var removepages = 'furnishingsprovidedDiv';
         }
    alert(removepages)
 });

Answer 2

而不是$(this)使用$('input:radio[name="order type"]:checked')来访问被检查的那个，因为当一个更改时，它们都会发生变化。

单选按钮单击更改功能

2 个答案: