JQ实现一个个输入车牌号的效果，并且支持新能源车牌号和特殊车牌。

JQ实现一个个输入车牌号的效果，并且支持新能源车牌号和特殊车牌。

效果图：

css：

.carcodeBox{width: 100%;max-width: 1200px;margin: 0 auto;position: relative;}.carcodeBox ul{overflow: auto;padding: 0;margin: 0;}.carcodeBox ul li{list-style: none;}

.carLicenseMain ul{display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;} .carLicenseMain ul li{width: 38px;height: 38px;box-sizing: border-box;border: 1px solid #ccc;display: inline-block;line-height: 36px;font-size: 18px;color: #000;text-align: center;margin-left: 5px;cursor: pointer;}.carLicenseMain ul li:nth-last-child(1){border: 2px dashed #00b520;}.carLicenseMain ul li.active{border: 1px solid #f3483e;color: #f3483e;}

.keyboardBox{position: absolute;z-index: 10;width: 493px;top: 45px;left: 0;}.provienceBox{background: #D0D5D9;padding: 5px 5px;padding-top: 3px;border-radius: 5px;box-shadow: 5px 5px 10px #9e9e9e;}.provienceBox ul li{display: inline-block;width: 38px;height: 38px;line-height: 38px;background: #fff;margin: 5px 3px;text-align: center;cursor: pointer;font-size: 14px;border-radius: 5px;box-shadow: 2px 2px 3px #979797;}.provienceBox ul li.deleteBtn{width: 90px;background: #c20000;float: right;color: #fff;}.provienceBox ul li:hover{box-shadow: 0px 0px 3px #f3483e;color: #f3483e;}#textEnBox,#textJtBoxs{display: none;}

html：

京津渝沪冀晋辽吉黑苏浙皖闽赣鲁豫鄂湘粤琼川贵云陕甘青蒙桂宁新藏使领警学港澳ABC删除

1234567890QWERTYUIOPASDFGHJKLZXCVBNM中删除 提交

JQ：

//点击页面的其他地方，关闭小键盘$(document).on("click","body",function(){$("#textEnBox,#textJtBoxs").hide();});

//提交按钮，获取车牌号码function submms(){var carNum="";$(".carLicenseMain ul li").each(function(index){var cartext=$(this).text();console.log(index)if(cartext=="" && index=7 || indexs

京津渝沪冀晋辽吉黑苏浙皖闽赣鲁豫鄂湘粤琼川贵云陕甘青蒙桂宁新藏使领警学港澳ABC删除

1234567890QWERTYUIOPASDFGHJKLZXCVBNM中删除 提交

//点击页面的其他地方，关闭小键盘$(document).on("click","body",function(){$("#textEnBox,#textJtBoxs").hide();});

//提交按钮，获取车牌号码function submms(){var carNum="";$(".carLicenseMain ul li").each(function(index){var cartext=$(this).text();console.log(index)if(cartext=="" && index=7 || indexs