input标签、radio标签、checkbox标签、select标签

左手的ㄟ右手 2022-05-22 05:45 377阅读 0赞

设置input文本框不能修改

方式一：在标签中加入disabled="disabled" 属性。

方式二：在标签中加入readonly="readonly" 属性。

方式三：在js中引用：

$("\#form input").each(function (i)\{

$(this).attr("disabled","disabled");

\});

radio标签：

1、获取一组radio被选中项的值

var item = $('input\[name=items\]\[checked\]').val();  或  $("input\[type=radio\]\[checked\]").val();   或 `$(``"input[name='items']:checked"``).val();   `

$("input\[name='radio\_name'\]\[checked\]").val(); //选择被选中Radio的Value值   
或 $('input:radio\[name=radio\_name\]:checked').val();

2、radio单选组的第二个元素为当前选中项

$('input\[@name=items\]').get(1).checked = true;   或  $('input\[name=items\]').attr("checked", '1′);

3、radio的value = 'val'的元素为当前选中项

$('input\[name=items\] \[value='val'\]').attr("checked","checked");

checkbox标签：

1、获取checkbox被选中项的值

$("input\[name='checkbox':checked\]").each(function()\{

var val = $(this).val();

\});

或 $("input\[name='checkbox\_name'\]\[checked\]");

如果你想得到Value值你需要遍历这个集合  
$($("input\[name='checkbox\_name'\]\[checked\]")).each(function()\{

arrChk+=this.value +”,";

\});//遍历被选中CheckBox元素的集合 得到Value值  
$("\#checkbox\_id").attr("checked"); //获取一个CheckBox的状态(有没有被选中,返回true/false)  
$("\#checkbox\_id").attr("checked",true); //设置一个CheckBox的状态为选中(checked=true)  
$("\#checkbox\_id").attr("checked",false); //设置一个CheckBox的状态为不选中(checked=false)

2、checkbox的第二个元素被选中

$("input\[name=items\]").get(1).checked = true;  //打勾  
$("input\[name=items\]").get(1).checked = false;  //不打勾

3、在checkbox的value='val'的元素前打勾

$("input\[name=item\]\[value='val'\]").attr("checked",true);  或 $("input\[name=item\]\[value='val'\]").attr("checked","checked");

4、判断复选框是否被选中：

<scripttype="text/javascript">

//等待dom元素加载完毕.

$(document).ready(function()\{

var$cr = $("\#cr");  //jQuery对象

varcr = $cr.get(0); //DOM对象，获取 $cr\[0\]

$cr.click(function()\{

if(cr.checked)\{ //DOM方式判断