Hatena Blog Tags
はてなブログ トップ
checkbox
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

checkbox

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
すらぼうの開発ノート•2年前

【Flutter】Checkboxウィジェットの使い方、デザイン例

Checkboxウィジェットとは 使い方 基本系 例 チェックボックスのタップを無効にする デザイン 背景色の指定 チェックマークの色指定 チェックのみを表示する 枠を丸にする 枠の太さを変更する サイズを変更する Checkboxウィジェットとは api.flutter.dev マテリアルデザインのチェックボックスを生成するウィジェット。 使い方 基本系 Checkbox( value: ... , // bool値、trueでチェックが入る onChanged: ..., // チェックボックスをタップした際のイベントハンドラ ), value : bool値を指定する。この値がtrueの…

#widget#checkbox

ネットで話題

もっと見る
119ブックマーク想定外の新機能！ HTMLの<input type="checkbox" switch>だけで、スイッチUIが実装できるようになるぞcoliss.com
109ブックマークチェックボックスに３つの状態を持たせられるjQueryプラグイン「TRI-STATE CHECKBOX」:phpspot開発日誌チェックボックスに３つの状態を持たせられるjQueryプラグイン「TRI-STATE CHECKBOX」 2010年08月03日- Plugins | jQuery Plugins チェックボックスに３つの状態を持たせられるjQueryプラグイン「TRI-STATE CHECKBOX」 通常、チェックボックスといえばONかOFFかですが、中間の意味を持つ状態を次のように表せるようにな...phpspot.org
100ブックマーク[CSS]さまざまなデザインのチェックボックス・ラジオボタンを美しく実装するスタイルシート -Pretty Checkboxcoliss.com
82ブックマークjQueryでcheckboxがcheckされてるかの値をとる - Webtech Walkerwebtech-walker.com
71ブックマークcheckboxやradioボタンを個性的なデザインにできるjQueryプラグイン「ezMark」:phpspot開発日誌ezMark jQuery Plugin - Stylize Checkbox and Radio Button Easily checkboxやradioボタンを個性的なデザインにできるjQueryプラグイン「ezMark」。 次のようなデザインにすることが可能です。CSSをカスタマイズしてiPhoneっぽくすることも出来ます $(element).ezMark() とするだけでスタイリングできるのはいいですね...phpspot.org
63ブックマークFancyForm - Javascript checkbox replacementlipidity.com
59ブックマークjQuery Plugins for Styling Checkbox & Radio Buttonsline25.com
55ブックマークiPhoneのON/OFFスイッチっぽいcheckbox、radioボタン実装jQueryプラグイン「LightSwitch」:phpspot開発日誌Catch My Fame New jQuery LightSwitch Plugin iPhoneのON/OFFスイッチっぽいcheckbox、radioボタン実装jQueryプラグイン「LightSwitch」。 次のようなUIで、チェックボックスやradioボタンと同じ働きをするUIを作ることが出来ます。 true, false で on/ off を切り替えるUIと、それらがDisabledになった例 radioボタン...phpspot.org
49ブックマークinput[type=checkbox] 要素に switch 属性を指定することによる HTML 標準のスイッチ UI の提案azukiazusa.dev

関連ブログ

fluid_27’s blog•3年前

Laravel + tailwindでボタンデザインのチェックボックスを実装

現在作成しているlaravelアプリにチェックボックスを組み込んだですが、デザインをボタンぽくしたかったのでtailwindで実装してみました。 同様のことを生のCSSで書いて解説しているブログはけっこう見つかったのですが、tailwindで実装しているのは見つからなかったので、自分自身の備忘録も兼ねて完成したソースを残しておきます。 完成画面 完成版ソース checkboxをボタンデザインで表現する為のクラスをtailwindで書く マウスホバー時・チェック時に色を変える 完成画面 最終的に下図のような感じで、ボタンっぽいデザインにしました。 選択済み・マウスホバー時には色が濃くなるようにな…

#Tailwind#checkbox#備忘録
行動すれば次の現実•4年前

JQueryでcheckbox操作 (チェックしたら○○する、チェック外したら○○する)

checkboxをチェックしたら何かをしたいときの条件式です。 $('#check').on('change', function (e) { if (e.target.checked) { // check:on時の処理 } else { // check:off時の処理 } }); clickイベントで拾いたい場合はこう書きます $('#check').on('click', function () { if ($(this).prop('checked')) { // check:on時の処理 } else { // check:off時の処理 } });

#jQuery#checkbox
Little Strange Software•4年前

チェックボックスとラベルの話【HTML編】

どうも！LSSです！！ 今回は、「HTMLやCSSを使った仕掛け作りに挑戦してみたい」方向けの記事となります。 HTMLでWebページ上に配置できるもののひとつに「チェックボックス」があります。 （←こういうものですね） クリックするたびに オン／オフ が切り替わり、さらにチェックされている時とされていない時に、それぞれCSSによる装飾指定を変更できるので、アイデア次第で面白い使い方ができたりします。 例えばこんな仕掛けとか。 【CSS】カードをめくる その３ idを使わない版 - Little Strange Software このブログでもいくつかサンプルを作成・公開していますが、「勉強し…

#HTML#input#checkbox#label#labelタグの使い方