1

私のjPickerでは、背景色をリセットしたいのですが、HTMLリセットボタンはテキストボックスの値をリセットし、jPickerは背景色を特定のテキストボックスに塗りつぶし、リセットされません。だから私の質問は、背景色もリセットするためにカスタムjQuery関数を使用する必要がありますか? または、HTML リセット ボタンでそれを行うことができます。

また、ページに複数のjPickerがある場合、一度に1つのダイアログを開くにはどうすればよいですか? ここに以前の質問を追加しますが、これは今まで回答されていませんでした:(同じページに複数のjPickersがあります。一度に1つのjPickerダイアログを開くにはどうすればよいですか?

私のコードをに添付するEXAMPLE CODE

4

1 に答える 1

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"/>

At a time 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");

        });
    });
于 2014-05-21T09:48:42.930 に答える