javascript - 如何选择 50 个输入并添加功能

Question

我有 50 个输入元素，只允许使用数字:

function number_format_input(s) {
    var tmp;
    tmp = parseFloat(jQuery(s).val());
    if (tmp) {
        jQuery(s).val(tmp.toFixed(0));
    } else {
        jQuery(s).val("0");
    }
}

jQuery("#m15710").blur(function () { number_format_input("#m15710"); });
/* ... 50x... */
jQuery("#m20390").blur(function () { number_format_input("#m20390"); });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.3.1/jquery.min.js"></script>
<input class="edit_plan" type="text" id="m15710" name="data[15710][menge]" value="0">
<!-- ... 50x ... -->
<input class="edit_plan" type="text" id="m20390" name="data[20390][menge]" value="0">

可以免写50次

jQuery("#xxx").blur( function(){ number_format_input("#xxx"); } );

Answer 1

您可以使用 .edit_plan 类代替 id，如下所示。

function number_format_input(s) {
    var tmp;
    tmp = parseFloat(jQuery(s).val());
    if (tmp) {
        jQuery(s).val(tmp.toFixed(0));
    } else {
        jQuery(s).val("0");
    }
}
    
jQuery(".edit_plan").blur(function () {
    number_format_input(this);
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input class="edit_plan" type="text" id="m15710" name="data[15710][menge]" value="0">
<input class="edit_plan" type="text" id="m20390" name="data[20390][menge]" value="0">