<script src="../Scripts/jquery-1.4.1.min.js"></script>
<script type="text/ecmascript">
$(function () {
//select
$("#Button1").click(function () {
var v = $("#selProgram").val();
alert(v);
});
$("#Button2").click(function () {
var v = $("#selProgram option:selected").text();//表单过滤器 :enabled,:disabled,:checked,:selected
alert(v);
});
$("#Button3").click(function () {
$("#selProgram option[value='3']").attr("selected", "selected");//属性过滤器,必须是dom已经有了这个属性,比如虽然select有文本值,可以通过text()方法获取到值,但是不可以通过attr("text")获取,因为没有这个属性
});
$("#Button4").click(function () {
$("#selProgram option").each(function () {
if($(this).text()=="Java")
$(this).attr("selected", "selected");
});
});
//radio
$("#Button5").click(function () {
var v = $(":radio[name='radProgram']:checked").val();
alert(v);
});
$("#Button6").click(function () {
var v = $(":radio[name='radProgram']:checked").next().text();//表单过滤器 :enabled,:disabled,:checked,:selected
alert(v);
});
$("#Button7").click(function () {
$(":radio[name='radProgram'][value='3']").attr("checked", "checked");//属性过滤器,必须是dom已经有了这个属性,比如虽然select有文本值,可以通过text()方法获取到值,但是不可以通过attr("text")获取,因为没有这个属性
});
$("#Button8").click(function () {
$(":radio[name='radProgram']").each(function () {
if ($(this).next().text() == "Java")
$(this).attr("checked", "checked");
});
});
//Checkbox
$("#chkAll").click(function () {
$("#divProgram :checkbox").attr("checked", $(this).attr("checked"));
});
$("#Button9").click(function () {
//多个值,直接.val()默认第一个的值
$("#divProgram :checkbox:checked").each(function () {
alert($(this).val());
});
});
$("#Button10").click(function () {
$("#divProgram :checkbox:checked").each(function () {
alert($(this).next().text());
});
});
$("#Button11").click(function () {
//属性过滤器,必须是dom已经有了这个属性,比如虽然select有文本值,可以通过text()方法获取到值,但是不可以通过attr("text")获取,因为没有这个属性
$("#divProgram :checkbox[value='2']").attr("checked","checked");
});
$("#Button12").click(function () {
$("#divProgram :checkbox").each(function () {
if ($(this).next().text() == "PHP") {
$(this).attr("checked", "checked");
}
});
});
});
</script>
select:<select id="selProgram">
<option value="1">C#</option>
<option value="2">Java</option>
<option value="3">PHP</option>
</select>
<input id="Button1" type="button" value="获取选中的value" />
<input id="Button2" type="button" value="获取选中的text" />
<input id="Button3" type="button" value="通过value的属性过滤器设置选中项" />
<input id="Button4" type="button" value="通过文本值设置选中项" />
<p></p>
radio:
<input id="Radio1" type="radio" value="1" name="radProgram" checked="checked" /> <label>C#</label>
<input id="Radio2" type="radio" value="2" name="radProgram" /><label>Java</label>
<input id="Radio3" type="radio" value="3" name="radProgram"/><label>PHP</label>
<input id="Button5" type="button" value="获取选中的value" />
<input id="Button6" type="button" value="获取选中的text" />
<input id="Button7" type="button" value="通过value的属性过滤器设置选中项" />
<input id="Button8" type="button" value="通过文本值设置选中项" />
<p></p>
checkbox:
<div id="divProgram" style="border:1px gray solid">
<input id="chkAll" type="checkbox" value="all" /><label>全选</label>
<input id="Checkbox1" type="checkbox" value="1" checked="checked"/><label>C#</label>
<input id="Checkbox2" type="checkbox" value="2" /><label>Java</label>
<input id="Checkbox3" type="checkbox" value="3" /><label>PHP</label>
<input id="Button9" type="button" value="获取选中的value" />
<input id="Button10" type="button" value="获取选中的text" />
<input id="Button11" type="button" value="通过value的属性过滤器设置选中项" />
<input id="Button12" type="button" value="通过文本值设置选中项" />
</div>
<input id="Checkbox4" type="checkbox" />区域外