Q&A
下記のJavaScriptで
console.log($('body').html());
の結果が
html
1<input name="checkbox1" value="1" type="checkbox">チェックボックス1 2<input name="checkbox2" value="2" type="checkbox">チェックボックス2 3 4```なのですが 5 6```html 7<input name="checkbox1" value="1" type="checkbox" checked="checked">チェックボックス1 8<input name="checkbox2" value="2" type="checkbox">チェックボックス2
でないのは何故でしょうか？
html
1<html> 2<head> 3<meta charset="UTF-8" /> 4<title>jQueryの勉強</title> 5<script src="jquery-2.2.4.js"></script> 6 7<script type="text/javascript"> 8$( function() { 9 $('[name=checkbox1]').prop('checked',true); 10 console.log($('body').html()); 11} ); 12</script> 13</head> 14 15<body> 16<input type="checkbox" name="checkbox1" value="1">チェックボックス1 17<input type="checkbox" name="checkbox2" value="2">チェックボックス2 18</body> 19</html> 20
回答1件
0
残念ながら、そういう仕様です。
HTMLに書かれたcheckedなどの属性は初期値専用なので、あとから.propやユーザーの操作で変わったチェック状態とは無縁なものです。
どうしても変えたければ.attrで書き換えるしかありませんが、逆にそれではチェック状態のほうが変化しません。
投稿2020/03/15 01:27
総合スコア145183
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。