html中radio单选和文本框限制只能输入数字的解决方案

一、当html中存在多个radio单选按钮时将所有的单选按钮name属性设置为一样，就可实现每次只选中一个的效果。

二、限制文本框只能输入数字，代码如下：

$(function(){
    $(":radio.dian").click(function(){
        //单击radio后移除所有的边框样式
        $("label").removeClass("bank_border");            
        if(this.checked){//当radio选中时设置边框样式
            $(this).parent().parent().attr("class","bank_border");
        }                
    });
    //阻止数字键以外的按键输入
    $("#zf_money").keydown(function(e) {
            digitInput($(this), e);
    });
});


function prevent(e) {
    e.preventDefault ? e.preventDefault(): e.returnValue = false;
}

function digitInput(el, e) {
    var e = e || window.event; // FF、Chrome IE下获取事件对象
    var c = e.charCode || e.keyCode; //FF、Chrome IE下获取键盘码
    var val = el.val();
    if (c == 110 || c == 190){ // 110 (190) - 小(主)键盘上的点
        (val.indexOf(".") >= 0 || !val.length) && prevent(e); // 已有小数点或者文本框为空，不允许输入点
    }else {
        if ((c != 8 && c != 46 && // 8 - Backspace, 46 - Delete
            (c < 37 || c > 40) && // 37 (38) (39) (40) - Left (Up) (Right) (Down) Arrow
            (c < 48 || c > 57) && // 48~57 - 主键盘上的0~9
            (c < 96 || c > 105)) // 96~105 - 小键盘的0~9
            || e.shiftKey || !re.test(this.value)) { // Shift键，对应的code为16
            prevent(e); // 阻止事件传播到keypress
        }
    }
}

View Code

三、文本框阻止中文的输入

<input  style="ime-mode:Disabled">

style="ime-mode:Disabled"意为关闭输入法