AngularJSで、動的に入力項目数を設定する - 戯言
例えば「趣味は何ですか？」に対する回答はいくつになるかわかりません。 「料理」と答える人もいれば、「ゴルフ」と「TVゲーム」と「ショッピング」と答える人もいるかもしれない。 今回はこのように、あらかじめ幾つになるかわからない項目に対する入力画面を作るときに、AngularJS使うと簡単にできるよ、というお話です。 この例のような場合によくある入力画面は、複数行の入力欄があり、行ごとに削除ボタンがあって、入力した内容が消せるようになっており、最後の行だけは「削除」ボタンのでなく「追加」ボタンがあって、入力欄を一つずつ動的に増やせるってやつです。 こんなイメージのやつです。これはボタン押しても動きません。 ここに動くコードを置いときました。 http://jsfiddle.net/2Y88u/ 趣味の名前=月に何回やる？ 趣味の名前=月に何回やる？ 趣味の名前=月に何回やる？ これを、Angu
入力値のモデルへの反映タイミングを変更するには？（ng-model-options）
別稿「TIPS：モデルをテキストボックスなどのフォーム要素にバインドするには？」でも見たように、AngularJSでは入力された値を即座にモデルに反映します。しかし、アプリの性質によっては、「即座にページに反映されるのが目障り」「モデルの更新によって非同期通信が発生する場合、通信が頻繁に発生しすぎる」などの問題が出てくるかもしれません。 そのような場合、ng-model-options属性を利用することで、モデルの更新タイミングを変更することが可能です。 モデルを更新するイベントを指定する まずは、モデルを（キー入力時ではなく）テキストボックスからフォーカスを外したタイミングで反映させる例から見ていきます。
jQuery：チェックされたら or 入力されたら送信可能にするボタンを実装する方法 - NxWorld
割と頻繁に使うので備忘録。 jQueryを使用して「チェックボックスにチェックされたら送信可能にするボタン」と「文字が入力されたら送信可能にするボタン」をそれぞれ実装する方法です。 特にチェックボックスの方は利用規約などに同意してもらったかの部分で用いたりと使う場面が多いのではないかと思います。 チェックボックスにチェックされたら送信可能にするボタン ページが表示された際はイメージ左のようにボタンにはdisabledが指定されて送信できない状態になっています。 それを「利用規約に同意します」というテキスト横にあるチェックボックスにチェックが入ったら、ボタンに指定してあるdisabledを解除して送信可能にするというものです。 実装にはjQueryを使用するので予め読み込ませおき、それぞれ下記のように記述をします。 <input type="checkbox" id="check" /><l
Window.prompt() - Web API | MDN
WindowインスタンスプロパティcachesclosedconsolecookieStorecredentiallesscrossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPictureeventexternal 非推奨 fence Experimental frameElementframesfullScreenhistoryindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlocationbarmenubarmozInnerScreenXmozInnerScreenYnamenavigation Experimental navigato
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
