在选中的单选按钮上将文本字段更改为数字

时间:2015-06-17 17:04:48

标签: javascript jquery html

我有一个文字字段两个单选按钮

我希望以下内容发生

  • Option A选择= 什么都不做

  • Option B选中= 将文字输入类型更改为number

在选择text后,当用户选择Option A时,我在将输入类型还原为Option B时遇到问题。字段类型保持为number

如果重新选择Option A,如何将其恢复为原始状态?

Demo

$(document).ready(function(){
    $("input[name='searchby']").live("change", function(){
        if ($(this).val() == "tag") {
            //clear the text field
             $('#textvalue').val("");

             if($('#c_tag').is(':checked')) {            
                $("#textvalue").keypress(function (e) {
//if the letter is not digit then display error and don't type anything
                if (e.which != 8 && e.which !== 0 && (e.which < 48 || e.which > 57)) {
//display error message
                $("#errmsg").html("Digits Only").show().fadeOut("slow");
                return false;
                }
                });
            }
        }
        else if ($(this).val() == "name") {
            //clear the text field
            $('#textvalue').val("");          
        }
    }); 
});
  

修改   上面的代码使用jQuery v1.6.3

     

对于jQuery v1.7+,请更改以下已弃用的事件:.live().on()

1 个答案:

答案 0 :(得分:1)

您可以使用.unbind()功能从#textvalue删除任何按键处理程序,即:

$('#textvalue').unbind("keypress");

这里是modified JSFiddle

希望这有帮助!如果您有任何问题,请告诉我。