黑馬程序員——用javascript判斷radio/checkbox是否被選中

------- android培訓、java培訓、期待與您交流！ ----------

1.用javascript判斷radio單選框是否被選中,我們以選擇性別爲例:

Html代碼

<span>性別:</span><span>男</span><input type="radio" value="1" name="sex" id="sex" />
<span>女</span><input type="radio" value="2" name="sex" id="sex" />

Js代碼

var sex_obj = document.getElementsByName('sex');
var temp_sex = false;
for(var i = 0; i < sex_obj.length; i ++){
if(sex_obj[i].checked){
var sex = sex_obj[i].value;
temp_sex = true;
break;
}
}
if(temp_sex == false){
alert('請選擇性別');
return false;
}
</script>

2.JS(javascript)判斷checkbox(複選框)是否被選中

Js代碼

1. <script type="text/javascript">
   function checkform() {
    //判斷標題欄是否填寫
    if (document.form1.title.value == "") {
    alert("信息類型不能爲空！");
    document.form1.title.focus();
    return;
    }
    //判斷checkbox是否被選中
    var len = document.form1.keywords.length;
    var checked = false;
    for (i = 0; i < len; i++)
    {
    if (document.form1.keywords[i].checked == true)
    {
    checked = true;
    break;
    }
    }
    if (!checked)
    {
    alert("請至少選擇一個關鍵詞！");
    return;
    }
    document.form1.submit();
   }
   </script>

<script type="text/javascript"> function checkform() { //判斷標題欄是否填寫 if (document.form1.title.value == "") { alert("信息類型不能爲空！"); document.form1.title.focus(); return; } //判斷checkbox是否被選中 var len = document.form1.keywords.length; var checked = false; for (i = 0; i < len; i++) { if (document.form1.keywords[i].checked == true) { checked = true; break; } } if (!checked) { alert("請至少選擇一個關鍵詞！"); return; } document.form1.submit(); } </script>

3.使用javascript獲取select下拉列表框當中的文本值（對IE及firefox都適用）

Html代碼

1. <select οnchange="isSelected(this.value);" id="city">
   <option value="1">北京</option>
   <option value="2" >上海</option>
   <option value="2" >廣州</option>
   </select>

   
   

<select οnchange="isSelected(this.value);" id="city"> <option value="1">北京</option> <option value="2" >上海</option> <option value="2" >廣州</option> </select>

也就是說當用戶選擇“上海”這一列時，需要將“上海”這個名稱保存起來。
其實方法很簡單。看下面javascript代碼：

Js代碼

1. function isSelected(value) {
   var cityName;
    var city = document.getElementByIdx_x_x("city");
    //獲取選中的城市名稱
    for(i=0;i<city.length;i++){
    if(city[i].selected==true){
    cityName = city[i].innerText; //關鍵點
    alert("cityName:" + cityName);
    }
    }
   } 

   ------- android培訓、java培訓、期待與您交流！ ----------

                   詳細請查看：http://edu.csdn.net