收音机检查不起作用?

时间:2017-01-10 11:57:35

标签: javascript jquery html

我只是检查是否选中了收音机选中按钮,但是它没有显示警告。

我的代码在这里:

js代码:

var dayshift=document.getElementsByName("dayshift");
var weekshift=document.getElementsByName("weekshift");

if(dayshift.checked && weekshift.checked)
{
  alert("shift");
}

我的HTML代码:

HTML代码:

<input type="radio" name="dayshift" value="Day" checked/> 
<input type="radio" name="dayshift" value="Night"/> 
<input type="radio"  name="weekshift" value="Weekday" checked/> 
<input type="radio"  name="weekshift" value="Weekend" /> 

2 个答案:

答案 0 :(得分:1)

由于getElementsByName返回数组。您可以通过为第一个元素索引dayshift[0]来访问您的元素

&#13;
&#13;
var dayshift = document.getElementsByName("dayshift");
var weekshift = document.getElementsByName("weekshift");

if (dayshift[0].checked && weekshift[0].checked) {
  console.log("shift");
}
&#13;
<input type="radio" name="dayshift" value="Day" checked/>
<input type="radio" name="dayshift" value="Night" />
<input type="radio" name="weekshift" value="Weekday" checked/>
<input type="radio" name="weekshift" value="Weekend" />
&#13;
&#13;
&#13;

答案 1 :(得分:0)

试试这个

$("input[name=dayshift]").prop("checked", true);

所以,如果你做的是条件

if($("input[name=dayshift]").prop("checked", true)){
     alert("checked/shifted");
}