1. javascript 怎麼判斷checkbox是否選中
<form onsubmit="return checkform(this);">
<input type="checkbox" name="s" /> <input type="submit" value="submit"/>
</form>
js">functioncheckform(form){
//採用通常情況的方式來驗證是否被選中
if(form.s.checked)alert("checked");
//採用jquery方式來驗證,此時,與表單無關。只需判斷被選中的對象是否大於零,如果沒有被選中,size()方法將返回0,如果有多個被選中,則返回被選中的個數。
if($("input[name='s']:checked").size()>0)alert("checked");
returnfalse;//測試用,返回flase值,表單不會提交。正式使用時,可刪除。
}
2. js有幾種判斷單選按鈕是否被選中的方法
if(sex[i].checked==true){
return true;
這是結束函數的意思
如果函數執行到
if(sex[i].checked==true){
return true
這里的話 說明單選被選中了 沒有問題
但是如果該函數執行到
alert("請選擇性別"); 這里的話說明 上述的 if語句都沒有成立 說明沒有被選中
此時 return false 表示 操作有誤 等含義 ~
3. JS怎麼判斷 radio是否被選中
需要准備的材料分別有:電腦、html編輯器、瀏覽器。
1、首先,打開html編輯器,新建html文件,例如:index.html,輸入問題基礎代碼。
4. js怎麼判斷select是否選中
參考代碼如下:
<script>
functiona(){
varslt=document.getElementById("abc");』取得標簽select
if(slt.value==""){'判斷是否選中
alert("選擇一項");
returnfalse;
}
returntrue;
}
</script>
<formmethod=postonsubmit="returna()">
<selectid="abc"喊碧>
<optionvalue="">選一項</option>
<optionvalue="x">A</option>
<optionvalue="z">B</option>雀祥
</select>
<inputtype=submitvalue="提交">
<鄭歲舉/form>
下圖即為未選中,點提交的效果圖
5. js怎樣判斷單選框是否被選中
這樣:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery radio</title>
<script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js"扒蔽 ></script>
<script type="text/javascript">
$(function () {
$("input").click(function () {
if ($(this).attr("checked")) {
alert("選中了");
}
});
});
</script>
</head>
<body>
<input type="radio"/>
</body>
</html>
注意事項
<form>
<input type="radio" id="radio1"衡此陵 />
<input type="button" οnclick="check()" value="選中" />
<input type="button" οnclick="uncheck()" value="取消" />
</form>
function check() {
//被選中
document.getElementById("radio1").checked = true
//被選中時,可以執行的方法
if(document.getElementById("radio1").checked == true){
console.log('==')
}
}
function uncheck() {
//不選中
document.getElementById("radio1").checked = false
//不被選中時,可咐戚以執行的方法
if(document.getElementById("radio1").checked == false){
console.log('++')
}
}
6. js判斷單選按鈕
<input
type="radio"
name="a"
id='1'
value="bbbbbbbbbbbb"
disabled="true">就是選不了我
<input
type="radio"
name="a"
id="2"
value="aaaaaaaaaaa"
checked="checked">默認選中
<input
type="radio"
name="a"
id="2"
value="cccccccccccccccc">也可以選擇我
不能選中
disabled="true"
默認選中
checked="checked"
所有單選按鈕中只能選中一個
-----------name的值必須相同,為了區分元素可以
id取不同的值,用
document.getelementbyid(id的值)
來獲取具體的某個元素
7. js怎樣判斷單選框是否被選中
這樣:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>JQuery radio</title>
<script type="text/javascript" language="javascript" src="JavaScript/jquery-1.6.1.min.js" ></script>
<script type="text/javascript">
$(function () {
$("input").click(function () {
if ($(this).attr("checked")) {
alert("選中了");
}
});
});
</script>
</head>
<body>
<input type="radio"/>
</body>
</html>
注意事項
<form>
<input type="radio" id="radio1" />
<input type="button" οnclick="check()" value="選中" />
<input type="button" οnclick="uncheck()" value="取消" />
</form>
function check() {
//被選中
document.getElementById("radio1").checked = true
//被選中時,可以執行的方法
if(document.getElementById("radio1").checked == true){
console.log('==')
}
}
function uncheck() {
//不選中
document.getElementById("radio1").checked = false
//不被選中時,可以執行的方法
if(document.getElementById("radio1").checked == false){
console.log('++')
}
}
8. 在js中怎麼判斷哪個單選按鈕該被選中
js取單選框的值需來要循環遍歷源判斷checked屬性是否為真。
<!--html-->
<formid="list"method="post"action="">
<inputtype="radio"name="user"value="1">1
<inputtype="radio"name="user"value="2">2
<inputtype="radio"name="user"value="3">3
</form>
<!--js-->
<scriptlanguage="javascript">
functionusubmit(action){//獲取radio的value的方法
varradios=document.getElementById("list").user;//獲取id為list下的所有name為user的值的集合
for(vari=0;i<radios.length;i++){//循環值得集合
if(radionum[i].checked){//通過checked屬性判斷是否被選中
userid=radionum[i].value//將被選擇的radio的值賦給變數userid
}
}
alert(userid)//彈出被選中的radio的值
}
</script>
9. js判斷復選框是否被選中,並以此控制button
function checkcjkx(){
if(document.getElementById("ckbxcjkx").checked==true) {
document.getElementById("btnregister").disabled=true;
alert("已選中復版選框權");
return true;
}else{
document.getElementById("btnregister").disabled=false;
alert("未選中復選框");
return false;
}
}
10. js判斷radio是否被選中
思路:遍歷radio對象,通過checked進行判斷radio是否選中,選中的項會有checked屬性,判斷選中後,可進行後續操作。
示例代碼如下。
<!--html部分-->
<p>
<labelfor="gender">性別:
<inputtype="radio"name="gender"value="male">男
<inputtype="radio"name="gender"value="female">女
</label>
<buttonid="sub"type="button">提交</button>
</p>
<!--script部分-->
<script>
varoRadio=document.getElementsByName("gender"),//獲取radio,是個數組
oButton=document.getElementById("sub"),//獲取按鈕
hasValue=false,//定義變數
checkedVal="";
functiongetVal(){//獲取radio選中值函數
for(i=0;i<oRadio.length;i++){//循環數組
if(oRadio[i].checked){//判斷當前項是否被選中
//已選中的操作,獲取選中的值
hasValue=true;
checkedVal=oRadio[i].value;
//returncheckedVal;
}else{
hasValue=false;
}
}
}
oButton.onclick=function(){
getVal();
console.log(checkedVal);//checkedVal即是radio的選中值
console.log(hasValue);//hasValue如果是true,則radio有選中值,否則沒有值
};
</script>