Re: Untitled

Title	Name	Language	UNIX	When
Re: Re: Untitled	Violet Water Vole	html5	1670229159	1 Year ago.
Re: Re: Untitled	Gentle Bird	html5	1649591459	2 Years ago.

Author

Title

Language

Your paste - Paste your paste here

&lt;head&gt;
&lt;script src=&quot;https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js&quot;&gt;&lt;/script&gt;
&lt;script&gt;
var searchBox = '.search-box';
var searchItem = '.search-box input';
var listItem = '.cat_image';
var hideClass = 'is-hide';

$(function() {
    $(searchItem).on('change', function() {
        search_filter();
    });
});

function selected_items(name) {
    var searchData = [];
    $('input[name=' + name + ']:checked').each(function() {
        searchData.push($(this).val());
    });
    return searchData;
}
&lt;/script&gt;

&lt;style&gt;
.search-box_title{
    font-weight: bold;
}
.search-box label {
    cursor: pointer;
    display: inline-block;
    margin-right: 10px;
    line-height: 16px;
}
.search-box input[type=&quot;radio&quot;] {
    width: 16px;
    height: 16px;
    margin: -2px 5px 0 0;
    padding: 0;
    box-sizing: border-box;
    vertical-align: middle;
}
.search-box input[type=&quot;checkbox&quot;] {
    width: 16px;
    height: 16px;
    margin: -2px 5px 0 0;
    padding: 0;
    box-sizing: border-box;
    vertical-align: middle;
}
.cat_image_all {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 680px;
    margin: 3em auto 0;
}
.cat_image {
    width: 48%;
    max-width: 320px;
    margin: 0 0 2em;
}
.cat_image.is-hide {
    display: none;
}
.cat_image a {
    display: block;
    color: #444;
}
.cat_image a:hover {
    text-decoration: underline;
}
&lt;/style&gt;
&lt;/head&gt;
&lt;body onload=&quot;search_filter()&quot;&gt;
&lt;div class=&quot;search-box&quot;&gt;
    &lt;span class=&quot;search-box_title&quot;&gt;果物&lt;/span&gt;
    &lt;label&gt;&lt;input type=&quot;checkbox&quot; name=&quot;fruits&quot; value=&quot;apple&quot;&gt;りんご&lt;/label&gt;
    &lt;label&gt;&lt;input type=&quot;checkbox&quot; name=&quot;fruits&quot; value=&quot;apple&quot;&gt;バナナ&lt;/label&gt;
    &lt;label&gt;&lt;input type=&quot;checkbox&quot; name=&quot;fruits&quot; value=&quot;apple&quot;&gt;マンゴー&lt;/label&gt;
    &lt;label&gt;&lt;input type=&quot;checkbox&quot; name=&quot;fruits&quot; value=&quot;orange&quot;&gt;オレンジ&lt;/label&gt;
    &lt;label&gt;&lt;input type=&quot;checkbox&quot; name=&quot;fruits&quot; value=&quot;lemon&quot;&gt;レモン&lt;/label&gt;
&lt;/div&gt;
&lt;div class=&quot;cat_image_all&quot;&gt;
    &lt;div class=&quot;cat_image&quot; data-fruits=&quot;apple&quot;&gt;
        &lt;p&gt;スムージー&lt;/p&gt;
    &lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;

Private - Private paste aren't shown in recent listings.

Delete After - When should we delete your paste?

Spam protection -

{"html5":"htmlmixed","css":"css","javascript":"javascript","php":"php","python":"python","ruby":"ruby","lua":"text\/x-lua","bash":"text\/x-sh","go":"go","c":"text\/x-csrc","cpp":"text\/x-c++src","diff":"diff","latex":"stex","sql":"sql","xml":"xml","apl":"apl","asterisk":"asterisk","c_loadrunner":"text\/x-csrc","c_mac":"text\/x-csrc","coffeescript":"text\/x-coffeescript","csharp":"text\/x-csharp","d":"d","ecmascript":"javascript","erlang":"erlang","groovy":"text\/x-groovy","haskell":"text\/x-haskell","haxe":"text\/x-haxe","html4strict":"htmlmixed","java":"text\/x-java","java5":"text\/x-java","jquery":"javascript","mirc":"mirc","mysql":"sql","ocaml":"text\/x-ocaml","pascal":"text\/x-pascal","perl":"perl","perl6":"perl","plsql":"sql","properties":"text\/x-properties","q":"text\/x-q","scala":"scala","scheme":"text\/x-scheme","tcl":"text\/x-tcl","vb":"text\/x-vb","verilog":"text\/x-verilog","yaml":"text\/x-yaml","z80":"text\/x-z80"}

Replies to Re: Untitled

Reply to "Re: Untitled"