タグ

inputに関するkefi3104のブックマーク (4)

  • AngularJSで、動的に入力項目数を設定する - 戯言

    例えば「趣味は何ですか?」に対する回答はいくつになるかわかりません。 「料理」と答える人もいれば、「ゴルフ」と「TVゲーム」と「ショッピング」と答える人もいるかもしれない。 今回はこのように、あらかじめ幾つになるかわからない項目に対する入力画面を作るときに、AngularJS使うと簡単にできるよ、というお話です。 この例のような場合によくある入力画面は、複数行の入力欄があり、行ごとに削除ボタンがあって、入力した内容が消せるようになっており、最後の行だけは「削除」ボタンのでなく「追加」ボタンがあって、入力欄を一つずつ動的に増やせるってやつです。 こんなイメージのやつです。これはボタン押しても動きません。 ここに動くコードを置いときました。 http://jsfiddle.net/2Y88u/ 趣味の名前=月に何回やる? 趣味の名前=月に何回やる? 趣味の名前=月に何回やる? これを、Angu

  • 【JavaScript】子画面から親画面へ値を渡す

    子画面を開き、その画面で入力された値を親画面に返してやるというJavaScriptのサンプルです。 これは、PHP(+DB)なんかと併せてうまく使うと、たとえば・・ 顧客一覧を出力させて、選択した顧客についての情報をメイン画面に出力する・・というようなガイド画面的に使えそうです。 がんばって応用してみようっと(*^^*ゞ ※ちなみに右側の女の子は、アクセス数のテスト用ですw 〇親側ソース(ファイル名は何でもOK!) <html> <title>親ウィンドウ</title> <SCRIPT LANGUAGE="JavaScript"> <!-- function openWin(url) { return false; } // --> </SCRIPT> <SCRIPT LANGUAGE="JavaScript1.1"> <!-- var w = window; function open

    【JavaScript】子画面から親画面へ値を渡す
    kefi3104
    kefi3104 2015/07/09
    “window.opener.document.form1.example1.value = test1.value;”
  • jQuery:チェックされたら or 入力されたら送信可能にするボタンを実装する方法 - NxWorld

    割と頻繁に使うので備忘録。 jQueryを使用して「チェックボックスにチェックされたら送信可能にするボタン」と「文字が入力されたら送信可能にするボタン」をそれぞれ実装する方法です。 特にチェックボックスの方は利用規約などに同意してもらったかの部分で用いたりと使う場面が多いのではないかと思います。 チェックボックスにチェックされたら送信可能にするボタン ページが表示された際はイメージ左のようにボタンにはdisabledが指定されて送信できない状態になっています。 それを「利用規約に同意します」というテキスト横にあるチェックボックスにチェックが入ったら、ボタンに指定してあるdisabledを解除して送信可能にするというものです。 実装にはjQueryを使用するので予め読み込ませおき、それぞれ下記のように記述をします。 <input type="checkbox" id="check" /><l

    jQuery:チェックされたら or 入力されたら送信可能にするボタンを実装する方法 - NxWorld
  • Angular.jsでvalue="初期値"を使いたいときは、ng-initを使いましょう - dai-yamashitaの日記

    タイトル通り。。。 http://docs.angularjs.org/api/ng.directive:ngInit マニュアル良く読もうね!!俺。。。orz <input type="text" name="name" ng-model="name" value="<?- param ?>" ng-maxlength="5" required /> とかして、あれー。。。なんでー??テンプレートエンジン使ってるから?とか意味もなく、悩んでました。 正解は、 <input type="text" name="name" ng-model="name" ng-init="name='<?- param ?>'" ng-maxlength="5" required /> ってすれば、テンプレートエンジンと組み合わせても全く問題ないですね!!

    Angular.jsでvalue="初期値"を使いたいときは、ng-initを使いましょう - dai-yamashitaの日記
  • 1