Javascript 如何检查收音机或复选框是否已选中？

我有以下HTML代码：

   <div id="f4" class="none">

   <h4>Jaký tarif chcete zvolit?</h4>
   <input type="radio" name="tarif" value="tarif1" id="t1"><label for="t1">Tarif 1</label>  <br>
   <input type="radio" name="tarif" value="tarif2" id="t2"><label for="t2">Tarif 2</label>  <br>
   <input type="radio" name="tarif" value="tarif3" id="t3"><label for="t3">Tarif 3</label>  <br>
   <h4>Co chcete aktivovat?</h4>
   <input type="checkbox" name="akt" value="roaming" id="cc1"><label for="cc1">Roaming</label> <br>
   <input type="checkbox" name="akt" value="platby" id="cc2"><label for="cc2">Platby</label> <p></p>

   <input type="button" name="send" value="ODESLAT" onclick="vypisForm();">





   </div>

杰克塔里夫·切切特·兹沃利特？
Tarif 1

Tarif 2

Tarif 3

你是阿克提沃瓦特公司的副总裁吗？
漫游

普拉比

这是vypisForm函数的一部分：

var t1 = document.getElementById("t1").value;
var t2 = document.getElementById("t2").value;
var t3 = document.getElementById("t3").value;
var cc1 = document.getElementById("cc1").value;
var cc2 = document.getElementById("cc2").value;

if(t1.checked) {
   document.write("Zvolený tarif je: "+ t1 + "<br>");
   } else if(t2.checked) {
   document.write("Zvolený tarif je: "+ t2 + "<br>");
   } else {
   document.write("Zvolený tarif je: "+ t3 + "<p></p>");
   }

   document.write("Zvolili jste tyto služby:" + "<br>");
   if (cc1.checked) {
   document.write(cc1 + "<br>");
   } else if (cc2.checked) {
   document.write(cc2 + "<br>");
   } else if(cc1.checked && cc2.checked) {
   document.write(cc1 + "<br>");
   document.write(cc2 + "<br>");
   } else if(!cc1.checked && !cc2.checked) {
   document.write("Žádné");
   }

var t1=document.getElementById（“t1”）.value；
var t2=document.getElementById（“t2”）.value；
var t3=document.getElementById（“t3”）.value；
var cc1=document.getElementById（“cc1”）.value；
var cc2=document.getElementById（“cc2”）.value；
如果（t1.选中）{
文件。书写（“Zvolenýtarif je:+t1+”
”；
}否则，如果（t2.选中）{
文件。书写（“Zvolenýtarif je:+t2+”
”；
}否则{
文件。书写（“Zvolenýtarif je:“+t3+””；
}
文件。书写（“Zvolili jste tyto služby:”+“
”；
如果（cc1.已检查）{
文件。写入（cc1+“
”）；
}否则，如果（cc2.已选中）{
文件。写入（cc2+“
”）；
}否则如果（cc1.checked和cc2.checked）{
文件。写入（cc1+“
”）；
文件。写入（cc2+“
”）；
}否则如果（！cc1.checked&！cc2.checked）{
文件。书写（“Žádne”）；
}

但是它不起作用。。这个想法是，若那个单选按钮被选中，写下这个，若那个单选按钮被选中，写下另一个东西

与复选框相同，有两个

---

有人看到我没有看到的吗？？谢谢

您正在尝试对值进行检查

而不是：

var cc1 = document.getElementById("cc1").value;

使用：

var cc1=document.getElementById（“cc1”）。已选中；
如果（cc1）{
文件。写入（cc1+“
”）；
}

因为

cc1

和

cc2

必须是复选框，而不是它们的值：

var cc1 = document.getElementById("cc1");
//                                     ^^^ remove .value

---

您不需要

文档中的
.value
。getElementById

只是对象，因此关闭

.value

，它应该可以工作。

document.getElementById（“t1”）。value获取输入的值，但不保持其选中状态。这是你想要做的

var t1 = document.getElementById("t1");
var t2 = document.getElementById("t2");
var t3 = document.getElementById("t3");
var cc1 = document.getElementById("cc1");
var cc2 = document.getElementById("cc2");
if(t1.checked) {
   document.write("Zvolený tarif je: "+ t1.value + "<br>");
} else if(t2.checked) {
   document.write("Zvolený tarif je: "+ t2.value + "<br>");
} else {
   document.write("Zvolený tarif je: "+ t3.value + "<p></p>");
}

document.write("Zvolili jste tyto služby:" + "<br>");
if (cc1.checked) {
   document.write(cc1.value + "<br>");
} else if (cc2.checked) {
   document.write(cc2.value + "<br>");
} else if(cc1.checked && cc2.checked) {
   document.write(cc1.value + "<br>");
   document.write(cc2.value + "<br>");
} else if(!cc1.checked && !cc2.checked) {
   document.write("Žádné");
}

var t1=document.getElementById（“t1”）；
var t2=document.getElementById（“t2”）；
var t3=document.getElementById（“t3”）；
var cc1=document.getElementById（“cc1”）；
var cc2=document.getElementById（“cc2”）；
如果（t1.选中）{
文件。书写（“Zvolenýtarif je:+t1.value+”
”；
}否则，如果（t2.选中）{
文件。书写（“Zvolenýtarif je:+t2.value+”
”；
}否则{
文件。书写（“Zvolenýtarif je:+t3.value+”
”；
}
文件。书写（“Zvolili jste tyto služby:”+“
”；
如果（cc1.已检查）{
文件。写入（cc1.value+“
”；
}否则，如果（cc2.已选中）{
文件。写入（cc2.value+“
”；
}否则如果（cc1.checked和cc2.checked）{
文件。写入（cc1.value+“
”；
文件。写入（cc2.value+“
”；
}否则如果（！cc1.checked&！cc2.checked）{
文件。书写（“Žádne”）；
}

您正在引用该值，并且正在查看该字符串的选中值。。。。。您不应该使用document.write.ok谢谢。。这只是为了检查我是否得到了正确的数据。谢谢。它很有效。。但是，如果我不想显示value属性，而是想显示单选按钮的标签，那该怎么办呢？如果您将

字段用于
和
id
作为输入，您可以这样做：
if（t1.checked）{var label=document.querySelector（'label[for='+t1.id+'''；document.write（“Zvolenýtarif-je:+label.innerHtml+”
））
当我使用你的代码时，它显示未定义..我必须删除一个四分之一标记...）
var t1 = document.getElementById("t1");
var t2 = document.getElementById("t2");
var t3 = document.getElementById("t3");
var cc1 = document.getElementById("cc1");
var cc2 = document.getElementById("cc2");
if(t1.checked) {
   document.write("Zvolený tarif je: "+ t1.value + "<br>");
} else if(t2.checked) {
   document.write("Zvolený tarif je: "+ t2.value + "<br>");
} else {
   document.write("Zvolený tarif je: "+ t3.value + "<p></p>");
}

document.write("Zvolili jste tyto služby:" + "<br>");
if (cc1.checked) {
   document.write(cc1.value + "<br>");
} else if (cc2.checked) {
   document.write(cc2.value + "<br>");
} else if(cc1.checked && cc2.checked) {
   document.write(cc1.value + "<br>");
   document.write(cc2.value + "<br>");
} else if(!cc1.checked && !cc2.checked) {
   document.write("Žádné");
}