質問編集履歴

4 修正

ssk

ssk score 273

2017/02/08 16:58  投稿

セレクトボックスの値によってチェックボックスの選択を制御したい
```HTML
<div id="authority">
<select name="authority">
 <option value="user">ユーザー</option>
 <option value="manager">編集者</option>
 <option value="admin">管理者</option>
</select>
</div>
```
```HTML
<div id="shop">
<input type="checkbox" name="hoge[]" value="1">支店1
<input type="checkbox" name="hoge[]" value="2">支店2
<input type="checkbox" name="hoge[]" value="3">支店3
<input type="checkbox" name="hoge[]" value="4">支店4
</div>
```
######説明
<div id="authority">の``value``が``user``の時(デフォルト)
→<div id="shop">の中のチェックボックスは1つのみ選択可能
<div id="authority">の``value``が``manager``の時
→<div id="shop">の中のチェックボックスは複数選択可能
<div id="authority">の``value``が``admin``の時
→<div id="shop">の中のチェックボックスを全て選択、操作もできないようにする
としたいです。
お力添えください。
よろしくお願いいたします。
######追記
```HTML
<div id="authority">
<select name="authority">
 <option value="user">ユーザー</option>
 <option value="manager">編集者</option>
 <option value="admin">管理者</option>
</select>
</div>
```
```HTML
<div id="shop">
<label><input type="checkbox" name="hoge[]" value="1">支店1</label>
<label><input type="checkbox" name="hoge[]" value="2">支店2</label>
<label><input type="checkbox" name="hoge[]" value="3">支店3</label>
<label><input type="checkbox" name="hoge[]" value="4">支店4</label>
<label><input type="checkbox" name="shop[]" value="1">支店1</label>
<label><input type="checkbox" name="shop[]" value="2">支店2</label>
<label><input type="checkbox" name="shop[]" value="3">支店3</label>
<label><input type="checkbox" name="shop[]" value="4">支店4</label>
</div>
```
  • JavaScript

    20429 questions

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

  • jQuery

    8162 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

3 追記

ssk

ssk score 273

2017/02/08 16:58  投稿

セレクトボックスの値によってチェックボックスの選択を制御したい
```HTML
<div id="authority">
<select name="authority">
 <option value="user">ユーザー</option>
 <option value="manager">編集者</option>
 <option value="admin">管理者</option>
</select>
</div>
```
```HTML
<div id="shop">
<input type="checkbox" name="hoge[]" value="1">支店1
<input type="checkbox" name="hoge[]" value="2">支店2
<input type="checkbox" name="hoge[]" value="3">支店3
<input type="checkbox" name="hoge[]" value="4">支店4
</div>
```
######説明
<div id="authority">の``value``が``user``の時(デフォルト)
→<div id="shop">の中のチェックボックスは1つのみ選択可能
<div id="authority">の``value``が``manager``の時
→<div id="shop">の中のチェックボックスは複数選択可能
<div id="authority">の``value``が``admin``の時
→<div id="shop">の中のチェックボックスを全て選択、操作もできないようにする
としたいです。
お力添えください。
よろしくお願いいたします。
よろしくお願いいたします。
######追記
```HTML
<div id="authority">
<select name="authority">
 <option value="user">ユーザー</option>
 <option value="manager">編集者</option>
 <option value="admin">管理者</option>
</select>
</div>
```
```HTML
<div id="shop">
<label><input type="checkbox" name="hoge[]" value="1">支店1</label>
<label><input type="checkbox" name="hoge[]" value="2">支店2</label>
<label><input type="checkbox" name="hoge[]" value="3">支店3</label>
<label><input type="checkbox" name="hoge[]" value="4">支店4</label>
</div>
```
  • JavaScript

    20429 questions

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

  • jQuery

    8162 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

2 追記

ssk

ssk score 273

2017/02/08 16:25  投稿

セレクトボックスの値によってチェックボックスの選択を制御したい
```HTML
<div id="authority">
<select>
<select name="authority">
 <option value="user">ユーザー</option>
 <option value="manager">編集者</option>
 <option value="admin">管理者</option>
</select>
</div>
```
```HTML
<div id="shop">
<input type="checkbox" name="hoge[]" value="1">支店1
<input type="checkbox" name="hoge[]" value="2">支店2
<input type="checkbox" name="hoge[]" value="3">支店3
<input type="checkbox" name="hoge[]" value="4">支店4
</div>
```
######説明
<div id="authority">の``value``が``user``の時(デフォルト)
→<div id="shop">の中のチェックボックスは1つのみ選択可能
<div id="authority">の``value``が``manager``の時
→<div id="shop">の中のチェックボックスは複数選択可能
<div id="authority">の``value``が``admin``の時
→<div id="shop">の中のチェックボックスを全て選択、操作もできないようにする
としたいです。
お力添えください。
よろしくお願いいたします。
  • JavaScript

    20429 questions

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

  • jQuery

    8162 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

1 修正

ssk

ssk score 273

2017/02/08 16:24  投稿

セレクトボックスの値によってチェックボックスの選択を制御したい
```HTML
<div id="authority">
<select>
 <option value="user">ユーザー</option>
 <option value="manager">編集者</option>
 <option value="admin">管理者</option>
</select>
</div>
```
```HTML
<div id="shop">
<input type="checkbox" name="hoge[]" value="1">支店1
<input type="checkbox" name="hoge[]" value="2">支店2
<input type="checkbox" name="hoge[]" value="3">支店3
<input type="checkbox" name="hoge[]" value="4">支店4
</div>
```
######説明
<select id="authority">の``value``が``user``の時(デフォルト)
<div id="authority">の``value``が``user``の時(デフォルト)
→<div id="shop">の中のチェックボックスは1つのみ選択可能
<select id="authority">の``value``が``manager``の時
<div id="authority">の``value``が``manager``の時
→<div id="shop">の中のチェックボックスは複数選択可能
<select id="authority">の``value``が``admin``の時
<div id="authority">の``value``が``admin``の時
→<div id="shop">の中のチェックボックスを全て選択、操作もできないようにする
としたいです。
お力添えください。
よろしくお願いいたします。
  • JavaScript

    20429 questions

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

  • jQuery

    8162 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る