タグ付けされた質問 「checkbox」

チェックボックスは、ユーザーがバイナリを選択できるようにするグラフィカルユーザーインターフェイス要素です。

12
チェックボックスのグループにHTML5の「必須」属性を使用していますか?
HTML5をサポートする新しいブラウザー(FireFox 4など)を使用する場合。 フォームフィールドには属性がありますrequired='required'。 フォームフィールドは空/空白です。 そして送信ボタンがクリックされた; ブラウザは、「必須」フィールドが空であることを検出し、フォームを送信しません。代わりに、ブラウザにユーザーにフィールドにテキストを入力するように求めるヒントが表示されます。 これで、単一のテキストフィールドの代わりに、チェックボックスのグループができました。そのうちの1つはユーザーがチェック/選択する必要があります。 requiredこのチェックボックスのグループでHTML5 属性を使用するにはどうすればよいですか?(チェックする必要があるチェックボックスは1つだけなのでrequired、すべてのチェックボックスに属性を設定することはできません) ps。必要であれば、私はsimple_formを使用しています。 更新 でしHTML 5 multiple属性は、ここで役に立ちますか?私の質問に似た何かをするために誰かがそれを以前に使用しましたか? 更新 表示されます:この機能はHTML5の仕様によってサポートされていないこと ISSUE-111を:@入力し@type =チェックボックスの平均必要は何? (問題のステータス:問題は先入観なしに終了とマークされています。)そして、ここに説明があります。 アップデート2 これは古い質問ですが、質問の元々の目的は、JavaScriptを使用せずに、つまりHTML5の方法を使用して上記を実行できるようにすることであると明確にしたかったのです。振り返ってみると、「JavaScriptなし」をもっと不明瞭にする必要がありました。

13
ReactJSチェックボックスのデフォルトを設定するにはどうすればよいですか?
checked="checked"React でデフォルト値が割り当てられた後、チェックボックスの状態を更新するのに問題があります。 var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); を割り当てた後checked="checked"、チェック解除/チェックをクリックしてチェックボックスの状態を操作できません。
168 reactjs  checkbox 


7
複数のチェックボックスから$ _POSTを取得します
私はその中に複数のチェックボックスを備えた1つのフォームを持っています(それぞれがコードを持っています): <input type="checkbox" name="check_list" value="<? echo $row['Report ID'] ?>"> $row['Report ID']データベースの主キーはどこにあるのか-それぞれの値は異なります。 チェックされているチェックボックスを確認するにはどうすればよいですか?(多分複数) これは受信ボックスシステム用であり、その下にボタンをクリックして(クリックすると)$row['Report ID']、チェックボックスがオンになっているすべてのメッセージ(のID:)を削除します。
158 php  html  forms  checkbox 

23
jQueryを使用してボタンですべてのチェックボックスをオン/オフにするにはどうすればよいですか?
jQueryを使用してすべてのチェックボックスをオン/オフにしようとしています。親チェックボックスをチェック/チェック解除すると、すべての子チェックボックスが選択/選択解除され、親チェックボックスのテキストもcheckall / uncheckallに変更されます。 ここで、親チェックボックスを入力ボタンに置​​き換え、ボタンのテキストもcheckall / uncheckallに変更します。これがコードです、誰でもコードを微調整できますか? $( function() { $( '.checkAll' ).live( 'change', function() { $( '.cb-element' ).attr( 'checked', $( this ).is( ':checked' ) ? 'checked' : '' ); $( this ).next().text( $( this ).is( ':checked' ) ? 'Uncheck All' : 'Check All' ); }); $( '.cb-element' ).live( 'change', function() …
158 jquery  checkbox  uncheck 




7
jQueryチェックボックスのイベント処理
私は以下を持っています: <form id="myform"> <input type="checkbox" name="check1" value="check1"> <input type="checkbox" name="check2" value="check2"> </form> jQueryを使用して、発生したチェックイベントをキャプチャし、どのチェックmyformボックスがトグルされたか(およびトグルがオンかオフかがわかるか)を知るにはどうすればよいですか?
136 jquery  html  checkbox 

7
ReactチェックボックスがonChangeを送信しない
TLDR:チェックされた動作中のjsbinの代わりにdefaultCheckedを使用します。 チェックされたときにラベルのテキストを取り消す単純なチェックボックスを設定しようとしています。何らかの理由で、コンポーネントを使用してもhandleChangeが起動されません。誰かが私が間違っていることを説明できますか? var CrossoutCheckbox = React.createClass({ getInitialState: function () { return { complete: (!!this.props.complete) || false }; }, handleChange: function(){ console.log('handleChange', this.refs.complete.checked); // Never gets logged this.setState({ complete: this.refs.complete.checked }); }, render: function(){ var labelStyle={ 'text-decoration': this.state.complete?'line-through':'' }; return ( <span> <label style={labelStyle}> <input type="checkbox" checked={this.state.complete} ref="complete" onChange={this.handleChange} /> {this.props.text} …

10
JavaScriptチェックボックスの変更
フォームにチェックボックスがあり、次のシナリオに従って機能させたい: 誰かがチェックした場合、テキストフィールド(totalCost)の値をに設定する必要があります10。 次に、戻ってチェックを外すと、関数はフォームの他のパラメーターに従ってcalculate()の値を設定しますtotalCost。 つまり、基本的には、チェックボックスをオンにすると1つの処理を行い、オフにすると別の処理を行う部分が必要になります。


16
htmlグループ内のチェックボックスを1つだけ選択してください
では、ユーザーが1つのチェックボックスのみを選択できるようにするにはどうすればよいですか? ラジオボタンが「理想的」であることは知っていますが、私の目的では...そうではありません。 ユーザーが2つのオプションのいずれかを選択する必要がありますが、両方を選択する必要はありません。問題は、ユーザーがオプションの選択も解除できるようにする必要があることです。これは、グループを選択したらオプションを選択する必要があるため、ラジオボタンが失敗する場所です。 私はphpを介して情報を検証しますが、それを提供したい場合は、ユーザーを1つの回答に制限したいと思います。
125 html  checkbox 

26
jQueryを使用してすべてのチェックボックスをチェックする方法は?
私はjQueryの専門家ではありませんが、アプリケーション用の小さなスクリプトを作成しようとしました。すべてのチェックボックスをオンにしたいのですが、正しく機能しません。 最初に使用attrしてみましたが、その後試しましたpropが、何か間違っています。 私はこれを最初に試しました: $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').attr('checked','checked'); } else { $('input:checkbox').removeAttr('checked'); } }); しかし、これはうまくいきませんでした。 次:これは上記のコードよりもうまくいきました $("#checkAll").change(function(){ if (! $('input:checkbox').is('checked')) { $('input:checkbox').prop('checked',true); } else { $('input:checkbox').prop('checked', false); } }); どちらの例も機能しません。 JSFiddle:http ://jsfiddle.net/hhZfu/4/


弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.