当前位置: 编程技术>jquery
jQuery获取select checkbox值的例子
来源: 互联网 发布时间:2014-10-08
本文导语: 例子,jQuery获取select checkbox值。 代码示例: jquery 操作select radio checkbox_www. $(function () { //checkbox获取选中项 $('#checkbox_huoqu').click(function () { ...
例子,jQuery获取select checkbox值。
代码示例:
jquery 操作select radio checkbox_www.
$(function () {
//checkbox获取选中项
$('#checkbox_huoqu').click(function () {
$('#checkbox_result_div').html("");
$("#checkbox_div input[type='checkbox']:checked").each(function () {
$('#checkbox_result_div').append(this.value + " ");
});
});
//checkbox全选/取消全选
$('#checkbox_checkall').click(function(){
$("#checkbox_div input[type='checkbox']").prop("checked",$(this).prop("checked"));
});
//checkbox反选
$('#checkbox_fanxuan').click(function () {
$('#checkbox_result_div').html("");
$("#checkbox_checkall").removeAttr("checked");
$("#checkbox_div input[type='checkbox']").each(function () {
if ($(this).prop("checked")) {
$(this).removeAttr("checked");
} else {
$(this).prop("checked", 'true');
}
});
});
//选中checkbox第2项的值
$('#checkbox_setvalue').click(function () {
$('#checkbox_result_div').html("");
$("#checkbox_checkall").removeAttr("checked");
$("#checkbox_div input[type='checkbox']").removeAttr("checked");
$("#checkbox_div input[type='checkbox'][value='2']").prop("checked","true");
});
//获取select选中的值
$('#select_huoqu').click(function () {
$('#select_result_div').html("");
var checkText=$("#select_id").find("option:selected").text();
var checkValue=$("#select_id").find("option:selected").val(); //获取Select选择的Value
$('#select_result_div').html("select选择的text:"+checkText+" value="+checkValue);
});
//选中select选中的值
$('#select_setvalue').click(function () {
$('#select_result_div').html("");
$("#select_id").val(2);
//$("#select_id option[value='3']").prop("selected", true); //设置Select的Value值为2的项选中
});
//获取radio选中的值
$('#radio_huoqu').click(function () {
$('#radio_result_div').html("");
var checkValue=$("#radio_div input[type='radio']:checked").val(); //获取Select选择的Value
$('#radio_result_div').html("radio选择的value="+checkValue);
});
//选中radio选中的值
$('#radio_setvalue').click(function () {
$('#radio_result_div').html("");
$("#radio_div input[type='radio'][value='2']").prop("checked",true);
});
});
脚本学堂(www.)
请选择
波音
天宇
苹果
三星
一年级
二年级
三年级
四年级
五年级
六年级
七年级
八年级
全选/取消全选
一年级
二年级
三年级
四年级
五年级
六年级
七年级
八年级