Javascript 通过单击img在输入上显示框

我希望，如果我单击图像，然后使用

$（'.daterangepicker'）.show（）在输入字段中显示框

在onclick上：

onclick="OpenDatePicker('DateAge')

<span class="DateLabelImage" style="cursor: pointer" onclick="OpenDatePicker('DateAge')"><img class="calendarImage" src="../../img/StatImg.png"></span>
<input type="text" id="DateAge" placeholder="Click to open Date Box" class="AgeChangeInput range"/>

<!-- Call datepicker through image button -->
<script>
function OpenDatePicker(DatePicker)
{
    var classIt = '.' + DatePicker;
    alert(classIt);

    // Click on any Input Field.
    $(classIt).on('click', function()
    {
        alert('Good');
        // Show Box on click Date.
        $('.daterangepicker').show();
    });
}
</script>

标记：

onclick="OpenDatePicker('DateAge')

<span class="DateLabelImage" style="cursor: pointer" onclick="OpenDatePicker('DateAge')"><img class="calendarImage" src="../../img/StatImg.png"></span>
<input type="text" id="DateAge" placeholder="Click to open Date Box" class="AgeChangeInput range"/>

<!-- Call datepicker through image button -->
<script>
function OpenDatePicker(DatePicker)
{
    var classIt = '.' + DatePicker;
    alert(classIt);

    // Click on any Input Field.
    $(classIt).on('click', function()
    {
        alert('Good');
        // Show Box on click Date.
        $('.daterangepicker').show();
    });
}
</script>

但这不起作用，因为我没有单击输入字段，而是单击图像。
我认为它应该是
而不是
。其次，我在标记中找不到
.daterangepicker
。我做了我提到的改变。这里是链接
我认为应该是
而不是
。其次，我在标记中找不到
.daterangepicker
。我做了我提到的改变。这里是链接
我认为应该是
而不是
。其次，我在标记中找不到
.daterangepicker
。我做了我提到的改变。这里是链接
我认为应该是
而不是
。其次，我在标记中找不到
.daterangepicker
。我做了我提到的改变。这里是链接
单击事件应绑定到ready或document.ready函数中。
另一件事是“DateAge”是一个id而不是一个类，所以你应该用“#”not”来调用它。
我相信下面的方法行得通

$(document).ready(function () {
        $("#DateAge").click(function () {
            alert('Good');
            $('.daterangepicker').show();
        });
    });

click事件应绑定在ready或document.ready函数中。
另一件事是“DateAge”是一个id而不是一个类，所以你应该用“#”not”来调用它。
我相信下面的方法行得通

$(document).ready(function () {
        $("#DateAge").click(function () {
            alert('Good');
            $('.daterangepicker').show();
        });
    });

click事件应绑定在ready或document.ready函数中。
另一件事是“DateAge”是一个id而不是一个类，所以你应该用“#”not”来调用它。
我相信下面的方法行得通

$(document).ready(function () {
        $("#DateAge").click(function () {
            alert('Good');
            $('.daterangepicker').show();
        });
    });

click事件应绑定在ready或document.ready函数中。
另一件事是“DateAge”是一个id而不是一个类，所以你应该用“#”not”来调用它。
我相信下面的方法行得通

$(document).ready(function () {
        $("#DateAge").click(function () {
            alert('Good');
            $('.daterangepicker').show();
        });
    });





请在单击获取图像时共享JSIDdleplace我将很快提供JSIDdle请稍候。^^rgodse已提供jsbin。请在单击获取图像时共享JSIDdleplace我将很快提供JSIDdle请稍候。^^rgodse已提供jsbin。请在单击获取图像时共享JSIDdleplace我将很快提供JSIDdle请稍候。^rgodse已提供jsbin。请在单击获取图像时共享jsfiddleplace我将很快提供JSFIDLE。请稍候。^^rgodse已提供jsbin。嘿，您收到警报了吗？我正在点击图像，但没有回应。我将alert（）放在了on click函数中。您没有收到哪个警报？您可能不会得到第二个警报，因为您正在使用
id
作为输入框，但使用类选择器进行查询。我发出了警报，但没有得到回应。我换了房间。使用#。根据您的代码，首先您应该单击图像，然后单击输入框，这样可以正常工作，直到和除非您需要其他内容。是的，但我只需要单击图像。没有点击输入。嘿，你收到警报了吗？我正在点击图像，但没有回应。我将alert（）放在了on click函数中。您没有收到哪个警报？您可能不会得到第二个警报，因为您正在使用
id
作为输入框，但使用类选择器进行查询。我发出了警报，但没有得到回应。我换了房间。使用#。根据您的代码，首先您应该单击图像，然后单击输入框，这样可以正常工作，直到和除非您需要其他内容。是的，但我只需要单击图像。没有点击输入。嘿，你收到警报了吗？我正在点击图像，但没有回应。我将alert（）放在了on click函数中。您没有收到哪个警报？您可能不会得到第二个警报，因为您正在使用
id
作为输入框，但使用类选择器进行查询。我发出了警报，但没有得到回应。我换了房间。使用#。根据您的代码，首先您应该单击图像，然后单击输入框，这样可以正常工作，直到和除非您需要其他内容。是的，但我只需要单击图像。没有点击输入。嘿，你收到警报了吗？我正在点击图像，但没有回应。我将alert（）放在了on click函数中。您没有收到哪个警报？您可能不会得到第二个警报，因为您正在使用
id
作为输入框，但使用类选择器进行查询。我发出了警报，但没有得到回应。我换了房间。使用#。根据您的代码，首先您应该单击图像，然后单击输入框，这样可以正常工作，直到和除非您需要其他内容。是的，但我只需要单击图像。不点击输入。这是直接点击输入。我想点击图像来实现这一点/在这种情况下，您可以使用函数OpenDatePicker（）{$（'.daterangepicker'）.show（）；}

bu直接点击输入。我想点击图像来实现这一点/在这种情况下，您可以使用函数OpenDatePicker（）{$（'.daterangepicker'）.show（）；}bu直接点击输入。我想点击图像来实现这一点/在这种情况下，您可以使用函数OpenDatePicker（）{$（'.daterangepicker'）.show（）；}bu直接点击输入。我想单击图像来实现这一点/在这种情况下，您可以使用函数OpenDatePicker（）{$（'.daterangepicker'）.show（）；}当我单击图像时，我得到了警报（），但没有得到DatePicker。当我点击输入时，这就起作用了。但我想通过图片。@Vikram Jakkampudi好的，但如果我想展示一个div呢？请检查这个。我想一次显示一个

dhsjdhs

。i、 e当我点击第一张图片时，我得到这个

dhsjdhs

，当我点击第二张图片时，我得到第二张

dhsjdhs

和第一张隐藏。这才是我真正要问的问题。抱歉弄得一团糟