Jquery单选框、复选框、下拉框动态设置默认项,及动态获取选中项。

1.单选框Html代码:

class="col-sm-7">
class="rdio rdio-success col-sm-2">  
id="radio-success1type="radioname="radiodata="female">  
for="radio-success1">  
 
class="rdio rdio-success col-sm-2">  
id="radio-success2type="radioname="radiodata="male">  
for="radio-success2">  
 
 


单选框设置默认项:

$('#radio').attr('checked', 'checked');

单选框获取选中项:

$(':radio[name ="radio"]:checked');


2.复选框Html代码:

资料设置
成员管理
商品管理


class="col-md-7" id="limits-name">
class="ckbox ckbox-theme pull-left col-md-2">  
class="limits-checkid="checkbox-type-default1type="checkboxdata="设置">  
for="checkbox-type-default1" >资料设置  
 
class="ckbox ckbox-theme pull-left col-md-2">  
class="limits-checkid="checkbox-type-default2type="checkboxdata="成员">  
for="checkbox-type-default2" >成员管理  
 
class="ckbox ckbox-theme pull-left col-md-2">  
class="limits-checkid="checkbox-type-default3type="checkboxdata="商品">  
for="checkbox-type-default3" >商品管理  
 
 

复选框设置默认项:

$('#checkbox-type-default1').attr('checked', 'true');

复选框获取选中项:

$("input[type='checkbox']").is(':checked') 返回结果:选中=true,未选中=false

var len = $('#limits-name').find('.limits-check').length;
var member = [];  
for (var j = 0; j < mlen; j++) {  
 var mvalue = $('#share-member').find('.limits-check:eq('+j+'):checked').attr('data');  
if(mvalue != undefined) {  
member.push(mvalue);  
}
}
 

3.下拉框Html代码:

请选择博士硕士 大学高中初中 小学

class="col-sm-7">
class="education form-control input-sm mb-15">  
value="请选择">请选择  
value="博士">博士  
value="硕士">硕士  
value="大学">大学  
value="高中">高中  
value="初中">初中  
value="小学">小学  
 
 

下拉框设置默认项:

$('.education').find('option:eq(1)').attr('selected', 'selected');

下拉框获取选中项:

$('.education').find('option:selected');


3.radio和checkbox

redio和checkbox里面用checked \ checked="checked" 这两种写法有什么区别
取值的方法不一样

$('input[type="radio"]:checked')

$('input[type="radio"][checked]') 

你可能感兴趣的:(html,jQuery)