jQueryで属性とか値とかを書き換える&取得するいろいろ
value値
<input id="sample1" type="hidden" value=""> <script> // value値を「test」に書き換える $("#sample1").val("test"); // value値を取得する(↑で書き換えているので「test」となる) console.log( $("#sample1").val() ); <script>
テキスト
<span id="sample2">sample2</span> <script> // テキストを「sample2_update」に書き換える $("#sample2").text("sample2_update"); // テキストを取得する(↑で書き換えているので「sample2_update」となる) console.log( $("#sample2").text() ); <script>
スタイル
(クラスの追加削除で対応した方がよいと思いますが…)
<span id="sample3">sample3</span> <script> // CSSに「color: #F00;」を追加する $("#sample3").css("color", "#F00"); //$("#sample3").attr("style", "color: #F00;"); // こっちの方法でもOK // style属性を取得する console.log( $("#sample3").attr("style") ); <script>
チェックボックス
<input id="sample4" type="checkbox"> <script> // チェックをONにする(外したい場合はfalseにする) $("#sample4").prop("checked", true); // チェック有無を取得する(true/false) console.log( $("#sample4").prop("checked") ); <script>
ラジオボタン
<input name="sample5" type="radio" value="1"> <input name="sample5" type="radio" value="2"> <script> // valueが1であるものを選択状態にする $("[name=sample5]").val(["1"]); // 選択されているもののvalue値を取得する console.log( $("[name=sample5]").val() ); <script>
セレクトボックス
<select id="sample6"> <option value="0">---</option> <option value="1">aaa</option> </select> <script> // valueが1であるものを選択状態にする $("#sample6").val("1"); // 選択されているもののvalue値を取得する console.log( $("#sample6").val() ); <script>