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

时间:2014-05-21 09:41:25

标签: javascript jquery html css jpicker

在我的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

1 个答案:

答案 0 :(得分:1)

使用以下jQuery代码重置按钮

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

在重置按钮的html中使用以下HTML集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");

        });
    });