javascript - jPicker 在重置按钮上重置背景颜色以及我如何一次打开单个 jPicker 对话框？

Question

在我的 jPicker 中，我想重置背景颜色，HTML 重置按钮重置文本框的值，jPicker 已将背景颜色填充到特定的文本框并且它没有被重置。所以我的问题是，我是否还需要使用自定义任何 jQuery 函数来重置背景颜色？或者 HTML 重置按钮可以做到这一点，如果是那么怎么做？

如果页面有多个 jPickers，如何一次打开一个对话框？在这里添加我以前的问题，直到现在还没有答案:( I have multiple jPickers on same page ,how do i open single jPicker dialog at a time?

将我的代码附加到 EXAMPLE CODE

Answer 1

为重置按钮使用以下 jQuery 代码

$(document).ready(
    function()
    {
      $('.Multiple').jPicker();
        $("#resetbutton").click(function(){
           $(".Multiple").css("background-color","rgba(0, 0, 0, 0)");
        });
    });

并在重置按钮的 html 中使用以下 HTML set ID

<input type="reset" name="reset" value="reset" id="resetbutton"/>

一次更改 1 个 jPicker修改后的 HTML 代码

<p>&nbsp;</p>
<p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
<form>
<input class="Multiple" id="t1" type="text" value="" /><br />
    <p>&nbsp;</p>

<input class="Multiple" id="t2" type="text" value="" /><br />
    <p>&nbsp;</p>
<input class="Multiple" id="t3" type="text" value="" />
    <p>&nbsp;</p>
<input type="reset" name="reset" value="reset" id="resetbutton"/>
</form>

修改后的 jQuery 代码

$(document).ready(
    function()
    {
        $('.Multiple').jPicker(function(){
        });

        $(".jPicker").click(function(){

            for(var i=0;i<$.jPicker.List.length;i++)
            {
                if($.jPicker.List[i].id != $(this).prev().attr("id"))
                {
                    $.jPicker.List[i].hide();
                }

            }


        });
        $("#resetbutton").click(function(){
           $(".Multiple").css("background-color","#fff");

        });
    });