​​扫码消费数量栏点击可编辑,失去焦点还原样式​​



<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>changevalue</title>

</head>

<body>

    <ul>

        <li οnclick="changeValue(this)">1</li>

        <li οnclick="changeValue(this)">2</li>

        <li οnclick="changeValue(this)">3</li>

    </ul>

</body>

<script type="text/javascript" href="js/jquery-1.8.0.min.js"></script>

<script type="text/javascript">

    var isEdit=0;

    function changeValue(li){

        if (isEdit++!=0) {

            return false;

        }

        var oldValue=li.innerHTML;

        li.innerHTML="<input οnblur='confirmChange(this)' value='"+oldValue+"'/>";

    }

    function confirmChange(input){

        var newValue=input.value;

        var li=input.parentNode;

        li.innerHTML=newValue;

        isEdit=0;

    }

</script>

</html>