Selectors/API/jQuery
:checkbox
全てのcheckbox要素を選択します。
サンプル
サンプル1
:checkboxセレクターで選択される要素の次の要素が赤枠で表示されます。
<form> <input type="button" value="Input Button"/> <input type="checkbox" /><label>a</label> <input type="checkbox" /><label>b</label> <input type="file" /> <input type="hidden" /> <input type="image" /> <input type="password" /> <input type="radio" /><label>c</label> <input type="reset" /> <input type="submit" /> <input type="text" /> <select><option>Option<option/></select> <textarea></textarea> <button>Button</button> </form>
var input = $(":checkbox").next().css({background:"yellow", border:"3px red solid"});
$("div").text("For this type jQuery found " + input.length + ".")
.css("color", "red");
$("form").submit(function () { return false; }); // so it won't submit
[全コードを表示]
[実行結果を単体で表示]