Jquery-应用事件更改时输入范围锁定

Jquery-应用事件更改时输入范围锁定,jquery,Jquery,我有一个带有范围字段的html表单,在更改事件中,我有以下内容: $("#slider-customer-type").on("change", function() { if($("#slider-customer-type").val()==0) { $("#partial-customertype-business").removeClass("show"); $("#partial-customertype-business").addClass(

我有一个带有范围字段的html表单,在更改事件中,我有以下内容:

$("#slider-customer-type").on("change", function() {
    if($("#slider-customer-type").val()==0) {
        $("#partial-customertype-business").removeClass("show");
        $("#partial-customertype-business").addClass("hide");
        $("#partial-customertype-personal").addClass("show");
    } else {
        $("#partial-customertype-personal").removeClass("show");
        $("#partial-customertype-personal").addClass("hide");
        $("#partial-customertype-business").addClass("show");
    }
});
如果范围值为0,则显示一个html表单,但如果范围值为1,则显示另一个html表单

问题是,如果我添加了下一个代码,范围字段将不工作并保持锁定。当我更改值范围字段时,我想清空所有输入字段和表单

$("#slider-customer-type").on("change", function() {
    if($("#slider-customer-type").val()==0) {
        $("#partial-customertype-business").removeClass("show");
        $("#partial-customertype-business").addClass("hide");
        $("#partial-customertype-personal").addClass("show");
    } else {
        $("#partial-customertype-personal").removeClass("show");
        $("#partial-customertype-personal").addClass("hide");
        $("#partial-customertype-business").addClass("show");
    }
    $("#myform :input").prop("value", '');
});

谢谢,

不要设置
属性-使用
.val()
函数:
$(“#myform:input”).val(”我正在测试您的提案,但不起作用,输入范围字段已锁定。我使用的是$(“#myform:input”).val(“”);但不起作用。如果我点击值2工作正常,但值1的输入范围被锁定。控制台中有错误吗?有什么需要测试的吗?尝试一下,你可能正在使用JQuery UI之类的东西。如果是,下面是一个示例: