アナログCPU:5108843109

ゲームと音楽とプログラミング(酒と女とロックンロールのノリで)

('ω') < イザユケエンジニャー

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>