24
<input type="checkbox" name="Type[]" value="Red" checked="checked" /><span class="space-right">Red</span>

Firefox と Safari ではチェックボックスを適切に設定しますが、Chrome ではチェックを付けません。これに関する情報をオンラインで見つけることができません。

誰でもこれを修正する方法を知っていますか?

checkedだけでなく試したこともあるchecked="true"

js ソリューションを探していません、ありがとう。

編集:以下のタコによる回答は、問題が何であったかを説明しています。フォームと入力要素を使用する場合、要素は<td></td>タグで適切にネストされている必要があります。そうしないとchecked="checked"効果がありません。Chrome 29.0.1547.57 でこれが正しいことを証明する jsfiddle の例を次に示します: http://jsfiddle.net/LnL7b/

4

9 に答える 9

29

Google Chrome バージョン 28.0.1500.95 でこの問題を再現できました。

<table>
  <tr>
    <td>test</td>
    <input type="radio" name="foo" value="bar" checked="checked">
  </tr>
</table>

ラジオ ボタンを不適切にネストしてテーブルを壊してしまいました。これにより、何らかの理由で Google Chrome が入力ラジオをチェック済みとしてマークしなくなります。

jsfiddle の例 - 壊れたjsfiddle の例 - 動作中

于 2013-08-20T23:24:27.047 に答える
3

タグDIVで試してください

<div><input type="checkbox" name="ckkhuyenmai" id="ckkhuyenmai" checked>KHUYENMAI</div>

大丈夫だよ。

于 2015-03-31T10:18:50.403 に答える
0

「onChange」ハンドラーなしでフォーム フィールドに「checked」prop を指定しましたこれにより、読み取り専用フィールドがレンダリングされます。フィールドを変更可能にする必要がある場合は、'defaultChecked'を使用します。それ以外の場合は、「onChange」または「readOnly」を設定してください。

于 2019-02-14T02:59:39.763 に答える
0

Checked="checked" は Chrome で正常に動作します。同じ名前が重複していないことを確認してください。隠れているところもチェック。

于 2013-09-08T08:49:14.020 に答える
-1

私はあなたがそれを使用するつもりはないと言ったことを知っていますが、jqueryはオプションです:

<!DOCTYPE html>
<html>
<head>
  <style>
  div { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
</head>
<body>

<form>
  <p>
    <input type="checkbox" name="newsletter" value="Hourly" checked="checked">

    <input type="checkbox" name="newsletter" value="Daily">
    <input type="checkbox" name="newsletter" value="Weekly">

    <input type="checkbox" name="newsletter" value="Monthly" checked>
    <input type="checkbox" name="newsletter" value="Yearly">
  </p>
</form>
<div></div>

<script>
var countChecked = function() {
  var n = $( "input:checked" ).length;
  $( "div" ).text( n + (n === 1 ? " is" : " are") + " checked!" );
};
countChecked();

$( "input[type=checkbox]" ).on( "click", countChecked );
</script>

</body>
</html>

http://jsfiddle.net/HnEgT/

これが何かに役立つことを願っています。

于 2013-06-05T22:20:11.900 に答える
-1

次のような html がある場合:

<input type="checkbox" name="email">
<input type="checkbox" name="email">
<input type="checkbox" name="email" checked>

名前が競合するため、誰もチェックされません。

于 2017-01-10T12:27:18.150 に答える