Question

我创建了一个数字键盘。按下数字键我想改变＆＃39; li span＆＃39;的背景颜色。在＆＃39;输入的元素＆＃39; DIV一个接一个。数字键的值将进入隐藏密码字段。什么应该是Jquery？

git clone --recursive

Answer 1

在HTML中添加<input type="hidden" name="vPassword" id="vPassword" value="">。

请提供以下js

$(document).on("click","#numberList li span",function(){
     var js_password = $("#vPassword").val();
     var enter_pin_length = js_password.length;
     if(enter_pin_length <= 3){
         var eleObj = $("#enteredPin li span").get(enter_pin_length);
         $(eleObj).css('background',"red");
         $("#vPassword").val(js_password + $(this).text());
     }
});

请在以下网址找到答案：https://jsfiddle.net/0pdL71m2/25/

Answer 2

这是一个如何定位输入的引脚li的示例：

的CSS：

.entered{
    background-color: red;
}

JS：

$('#numberList').find('li').on('click', function() {
    $('#enteredPin').find('li').not('.entered').eq(0).addClass('entered');
});

要更改背景颜色并选择按下的键的值

2 个答案: