投稿

jQueryによるフォーム部品操作

ここ『jQueryによるフォーム部品操作のレシピ』にまとめていただいているので感謝。
[code lang=”javascript”]
jQuery(‘input[name=target][value=xxx]’).attr({ checked: “checked” });
$(’:radio[@name=target]:checked’).val();
[/code]
こういう書き方ができるというのが目から鱗。下の方は試したわけではないのですが、いけるそうです。
 
あと、画面表示のときにフォーカスを移したいなというときはこちら。
[code lang=”javascript”]
jQuery(“#mytext”).focus();
[/code]
body onload=”ほげほげ” とかしなくていいので、HTMLを汚さないのがいいかも。
 
あと、ついでに、Contact Form 7とかで、ラジオボタンが横向きにずらずらっと並んでしまって、縦一列にしたいけど、ラベルに<br/>とか入れたり、¥n入れたりするのってダサくないというときの解決法。
[code lang=”css”]
span.wpcf7-list-item { display: block; }
[/code]
これは目から鱗。display: block ってこういうときに使うんだという感じ。