javascript – jquery if语句,用于检查是否存在输入值,否则在单击链接时自动填充

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript – jquery if语句,用于检查是否存在输入值,否则在单击链接时自动填充，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1248字，纯文字阅读大概需要2分钟。

内容图文

我有一个简单的jQuery语句,如下所示：

$(document).ready(function() {
    $('#ltc_link').click(function() {
        $('#USERDEFINE1').val( 'LT' );
        $('#PHONENIGHT').val( '(111)111-1111' );
        $('#INTERNET').val( 'NONE' );
        $('#last_purchase').val( 'N/A' );
        $('#last_purchase_date').val( 'N/A' );
    });
});

单击链接#ltc_link时,它会填充输入字段.

如果已经输入一个或所有字段的文本,而不是我不希望点击/链接功能覆盖用户输入的内容.我知道在javascript中我可以这样做：

if (!third.value) { third.value = '(111)111-1111'; }
if (!fourth.value) { fourth.value = 'NONE'; }
if (!fifth.value) { fifth.value = 'N/A'; }
if (!sixth.value) { sixth.value = 'N/A'; }

需要一些jQuery语法的帮助.提前致谢.

解决方法:

我建议如下：

var defaults = {
    USERDEFINE1 : 'LT',
    PHONENIGHT : '(111)111-1111',
    INTERNET : 'NONE',
    last_purchase : 'N/A',
    last_purchase_date : 'N/A'
};
$('#ltc_link').click(function() {
    // selects the elements
    $('#USERDEFINE1, #PHONENIGHT, #INTERNET, #last_purchase, #last_purchase_date').val(
        function(i, v) {
            // checks if the current value 'v' is an empty string,
            // if it is supplies the default value (from the object), if not
            // it sets the value to the current value
            return v == '' ? defaults[this.id] : v;
    });
});

JS Fiddle demo.

参考文献：

> Conditional (ternary) operator.
> JavaScript Objects.
> val().

内容总结

以上是互联网集市为您收集整理的javascript – jquery if语句,用于检查是否存在输入值,否则在单击链接时自动填充全部内容，希望文章能够帮你解决javascript – jquery if语句,用于检查是否存在输入值,否则在单击链接时自动填充所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端