質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

Q&A

解決済

1回答

1328閲覧

チェックボックスが選択できる状態と選択できない状態を切り替えたい

kuuhaku4262

総合スコア39

CakePHP

CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

0グッド

0クリップ

投稿2020/10/19 00:17

編集2020/10/19 00:36

前提・実現したいこと

cakephp.html.javascript.css.knockout.jsを使ってwebソフトを作っています。

その中に、セレクトボックスとチェックボックスがセットの項目があります。
セレクトボックスで「資格別平均」が選択されているときにチェックボックスをチェックできる状態に、その他の項目が選択されている状態ではチェックボックスを全て外したうえでチェックできない状態にしたいです。

チェックボックスを全て外す機能はすでにできているのですが、チェックできない状態にする機能がうまくできません。

チェックボックスが選択されたとき、「self.EstimationDocument.totalCost.checkBoxOut」が実行され、セレクトボックスが「資格別平均」以外の時はチェックボックスが外れるように組んだのですが、現時点ではチェックを点けることが出来てしまいます。

該当のソースコード

html

1<li class="line top_blank_line"> 2 <label>ドライバー人件費</label> 3 4 <?php echo $this->Form->input('driver_labor_costs_list', array('class' => 'right_alignment select_width', 'type' => 'select', 'options' => $driver_labor_costs_list, 'data-bind' => 'value: EstimationDocument.totalCost.driverLaborCosts, event: {change: function(){EstimationDocument.variableCost.getSalary(); EstimationDocument.totalCost.checkBoxOut();}}')); ?> <span class="two_gap"></span> 5 </li> 6 <li class="line bottom_blank_line"> 7 <span class="right_alignment">(</span><input id="large" class="checkbox license" type="checkbox" value="<?php echo $license_list['大型'] ?> " data-bind = 'event: {change: function(){EstimationDocument.variableCost.getSalary(); EstimationDocument.totalCost.checkBoxOut();}}'> <label for="large">大型・</label> <input id="tow" class="checkbox license" type='checkbox' value='<?php echo $license_list['牽引']?>' data-bind = 'event: {change: function(){EstimationDocument.variableCost.getSalary(); EstimationDocument.totalCost.checkBoxOut();}}'><label for="tow">牽引</label><span>)</span> <span class="two_gap"></span> 8 </li>

javascript

1self.EstimationDocument.totalCost.checkBoxOut = function(){ 2 if(self.EstimationDocument.totalCost.driverLaborCosts() != 3){ // ドライバー人件費で、資格別平均以外が選択されたときにチェックボックスを全て外す 3 $('input[class=checkbox]').prop('checked', false); 4 } 5 if(self.EstimationDocument.totalCost.driverLaborCosts() == 0){ // ドライバー人件費が未選択の状態になったとき、給与の値を全て0にする 6 salaryInitialization('driver'); 7 salaryInitialization('assistant'); 8 } 9 } 10 11

補足情報(FW/ツールのバージョンなど)

足りない情報があればコメントにお願いします。

確認次第追記します。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

m.ts10806

2020/10/19 00:26

CakePHP はタグとして追加されたほうが良いかと思います。
kuuhaku4262

2020/10/19 00:36

ありがとうございます! 追記しました。
guest

回答1

0

ベストアンサー

var flg=self.EstimationDocument.totalCost.driverLaborCosts() != 3 if(flg) $(':checkbox').prop("checked",false); $(':checkbox').prop("disabled",flg);

投稿2020/10/19 00:56

yambejp

総合スコア114821

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問