判断checkbox 是否选中

checkbox 选中事件

首先input的标签设置checkbox

<input name="operaMode" type="checkbox" value="1" />&nbsp;堂食
<input name="operaMode" type="checkbox" value="2"  />&nbsp;外卖
<input name="operaMode" type="checkbox" value="3"  />&nbsp;自取

注意这里name设置为同一个，是将这三个放入同一组中；便于处理。

js判断checked的方法:

element.checked  //返回 true false

jq判断checked的方法:

$(element).attr('checked')   //看版本1.6+返回:”checked”或”undefined” ;1.5-返回:true或false
$(element).prop('checked')   //1.6+:true/false
$(element).is(':checked')    //所有版本:true/false// **别忘记冒号哦**

注意：这里千万注意jq的版本号

jquery赋值checked的几种写法:

所有的jquery版本都可以这样赋值:

$(element).attr("checked","checked");
$(element).attr("checked",true);

jquery1.6+:prop的4种赋值:

$(element).prop("checked",true);//很简单就不说了哦
$(element).prop({checked:true}); //map键值对
$(element).prop("checked",function(){
return true;//函数返回true或false
});

//记得还有这种哦:$(element).prop("checked","checked");

---

---

---

Javascript获取select下拉框选中的的值,select中指定option选中触发事件

现在有一id=test的下拉框，怎么拿到选中的那个值呢？

分别使用javascript原生的方法和jquery方法

<select id="test"  name="" onchange="gradeChange()">   
  <option   value="1">text1</option>   
  <option   value="2">text2</option>   
 </select>

一：javascript原生的方法

1:拿到select对象： var myselect=document.getElementById(“test”);

2：拿到选中项的索引：var index=myselect.selectedIndex ; // selectedIndex代表的是你所选中项的index

3:拿到选中项options的value： myselect.options[index].value;

4:拿到选中项options的text： myselect.options[index].text;

二：jquery方法（前提是已经加载了jquery库）

1:var options=$(“#test option:selected”); //获取选中的项

2:alert(options.val()); //拿到选中项的值

3:alert(options.text()); //拿到选中项的文本

三：option选中触发事件

<script type="text/JavaScript">
       function gradeChange(){
        var objS = document.getElementById("test");
        var grade = objS.options[objS.selectedIndex].grade;
        alert(grade);
       }
</script>

---

---

---

Javascript获取input type=radio的值和事件