Question

大家好，如何在“onclick”功能上输入参数。我想制作可重复使用的功能，以便其他id可以在“Onclick”功能上使用相同的功能

   <style type="text/css">
        #time1, #time2 {
            width: 95px;
        }        
    </style>

    <form>
        <label for="time1">time</label>
        <input id="time1" type="text" name="time1">
        <input type="checkbox" onclick="enableInputTime('time1')"> Input Time?
        <br>
        <label for="time2">time</label>
        <input id="time2" type="text" name="time2">
        <input type="checkbox" onclick="enableInputTime('time2')"> Input Time?
    </form>

    <script type="text/javascript">

        function enableInputTime(id) {
            var id = document.getElementById(id);
            if(id.type === 'text') {
                id.type = 'time';
                id.step = "1";
            } else {
                id.type = 'text';
            } 
        }

    </script>

Answer 1

您将您的函数命名为enableInputTime1，但您尝试在HTML中调用enableInputTime。如果你让名字达成一致，你的代码就会完全符合你的要求。

Answer 2

你去了，请注意我将该函数声明为变量并修复了函数enableInputTime的名称

 <style type="text/css">
        #time1, #time2 {
            width: 95px;
        }        
    </style>

    <form>
        <label for="time1">time</label>
        <input id="time1" type="text" name="time1">
        <input type="checkbox" onclick="enableInputTime('time1')"> Input Time?
        <br>
        <label for="time2">time</label>
        <input id="time2" type="text" name="time2">
        <input type="checkbox" onclick="enableInputTime('time2')"> Input Time?
    </form>

    <script type="text/javascript">

        var enableInputTime = function(id) {
            var id = document.getElementById(id);
            if(id.type === 'text') {
                id.type = 'time';
                id.step = "1";
            } else {
                id.type = 'text';
            } 
        }

    </script>

javascript - 如何使用id作为参数创建可重用函数？

2 个答案: