如何在选择其他按钮时停止脚本

时间:2017-09-25 17:44:53

标签: javascript jquery html

我有一个自定义零件生成器,所以当客户选择" Full"它执行这个脚本

$(function() {
    $("input[name='FirstFlangeSystem']").on("change", function(e) {
        var newValue = e.target.value;
        $("input[name='SecondFlangeSystem'][value='" + newValue + "']").prop("checked", true);
    });
    $("select[name='FirstFlangeTypeDrop']").on("change", function(e) {
        var newValues = $(this).val();
        $("select[name='SecondFlangeTypeDrop']").val(newValues);
    });
    document.getElementById("SecondFlangeTypeDrop").disabled = true;
});

问题是如果你选择" Full"选项然后你选择其他2个选项之一" Half"或"适配器"该功能仍在运行。我怎么让它停下来?

1 个答案:

答案 0 :(得分:1)

您可以停用这些字段。如果.Half.Adapter类似于复选框,则可以这样做。

var $half = $(".Half");
var $adapter = $(".Adapter");

$(".Half, .Adapter").on("change", function(e){
    if($half.prop("checked") || $adapter.prop("checked")){
       $("input[name='FirstFlangeSystem']").prop( "disabled", true );
       $("input[name='FirstFlangeSystem']").prop( "disabled", true );
    }else{
       $("input[name='FirstFlangeSystem']").prop( "disabled", false );
       $("input[name='FirstFlangeSystem']").prop( "disabled", false );
    }
}