您的位置:首页 > Web前端 > JQuery

jQuery radio取值,checkbox取值,select取值

2016-07-18 13:57 645 查看
语法解释:

jQuery设置Select选择的Text和Value:

语法解释:

$("#select_id ").get(0).selectedIndex=1;  //设置Select索引值为1的项选中
$("#select_id ").val(4);   //设置Select的Value值为4的项选中
$("#select_id option[text='jQuery']").attr("selected", true);   //设置Select的Text值为jQuery的项选中

jQuery添加/删除Select的Option项:

语法解释:

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关获取一组radio被选中项的值

var item = $('input[@name=items][@checked]').val();

获取select被选中项的文本

 option[@selected]").text()]$('#select_id')[0].selectedIndex = 1;

radio单选组的第二个元素为当前选中值

').get(1).checked = true]
多选框checkbox:$("#checkbox_id").attr("value");

单选组radio:   $("input[@type=radio][@checked]").val();

下拉框select: $('#sel').val();

控制表单元素:

文本框,文本区域:

$("#txt").attr("value",'');//清空内容

$("#txt").attr("value",'11');//填充内容

多选框checkbox: $("#chk1").attr("checked",'');//不打勾

$("#chk2").attr("checked",true);//打勾

if($("#chk1").attr('checked')==undefined) //判断是否已经打勾

单选组radio:    $("input[@type=radio]").attr("checked",'2');//设置value=2的项目为当前选中项

下拉框select:   $("#sel").attr("value",'-sel3');//设置value=-sel3的项目为当前选中项

$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option

$("#sel").empty();//清空下拉框

//遍历option和添加、移除option

function changeShipMethod(shipping) {
var len = $("select[@name=ISHIPTYPE] option").length
if (shipping.value != "CA") {
$("select[@name=ISHIPTYPE] option").each(function() {
if ($(this).val() == 111) {
$(this).remove();
}
});
} else {
$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}

//取得下拉选框的选取值

$(#testSelect option:selected').text();

或 $("#testSelect").find('option:selected').text();

或 $("#testSelect").val();

复选框,推荐如下操作方式


$("#chk2")[0].checked = true;

$("#chk2")[0].checked = false;

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: