[B! javascript][checkbox] lax34のブックマーク

lax34 id:lax34

javascriptとcheckboxに関するlax34のブックマーク (3)

チェックボックスのチェックを反転させるボタン - tomoyamkungの日記
$() で取得した checkbox を each で回して属性を設定する、ってだけ。 each がそれぞれのDOM要素に対して，指定した関数を実行します． DOM要素がthisになって関数が実行されます． jQueryオブジェクトとして扱いたい場合は，$(this)とラッパする必要があります． jQuery 開発者向けメモという仕様とは知らず、ちょっとハマってしまった。 JavaScript $(function() { $("#switch").click(function() { $("#main :checkbox").each(function() { if($(this).attr("checked") == "") { $(this).attr("checked", "checked"); } else { $(this).attr("checked", ""); } }
lax34 2011/06/07
checkbox

jQuery

jquery

javascript
リンク
チェックボックスを綺麗に並べるCSSサンプル:phpspot開発日誌
Checkbox alignment in IE and Firefox | Xinotes チェックボックスを綺麗に並べるCSSサンプル。次のように、チェックボックスの横に、改行入りのテキストを入れても綺麗に配置するサンプルです。簡単そうでなかなか難しいテクニックかもしれないので覚えておくとよいかも。サンプル IEでもFirefoxでも動作。Chromeでも試してみたところ動作しました。関連エントリクリーンなデザインでピュアＣＳＳなフォームを作るサンプル CSSでクールなINPUTフォームを作成するサンプル CSSベースのクールなフォーム、サンプル集 CSSでフォームデザインをする際のチュートリアル
lax34 2009/03/10
checkbox

フォーム

javascript

tips

webデザイン
リンク
データが1件の時だけ、JavaScriptの必須チェックが誤動作する：CodeZine
上の画面は、ワークフロー機能でよくある承認画面です。チェックボックスで選択したデータは、［承認］ボタンをクリックすることで、状態を「承認待ち」から「承認済み」へ変更できます。入力チェックとして、「選択0件で承認ボタンをクリックしたときはエラー表示」という処理をJavaScriptで実装しています。　ところが、データが1件の時だけ、「選択しているのに『1件も選択されていません』というエラーが出る」というバグが発生しました。バグコード　入力チェックのコードは、次のようになっていました。 function check() { var sentakuChk = document.form1.sentakuChk; for (var i=0; i<sentakuChk.length; i++) { if (sentakuChk[i].checked) { return true; } }
lax34 2008/06/11
javascript

tips

checkbox
リンク
1