js判断input[type=checkbox]是否被选中

可以使用JavaScript中的`checked`属性来判断`input[type=checkbox]`是否被选中。以下是一个示例：

var checkbox = document.querySelector('input[type="checkbox"]');
if (checkbox.checked) {
    console.log("复选框已被选中");
} else {
    console.log("复选框未被选中");
}

在上述代码中，我们首先使用`document.querySelector`选择器选择到目标复选框元素，然后通过`checked`属性来检查该复选框是否被选中。如果`checked`属性为`true`，则表示复选框已被选中；如果为`false`，则表示复选框未被选中。

相关问题

<input type="checkbox" value="PC端"/>PC端 <input type="checkbox" value="小程序"/>小程序 <input type="checkbox" value="公用"/>公用这三个多选框选中后他绑定的值为数字，怎么让选中的数字相加

你可以使用 JavaScript 来实现选中的数字相加：

首先，你需要为每个多选框添加一个 `id` 属性，方便获取它们的状态。

HTML 代码可以这样写：

<input type="checkbox" value="PC端" id="checkbox1">PC端
<input type="checkbox" value="小程序" id="checkbox2">小程序
<input type="checkbox" value="公用" id="checkbox3">公用

然后，你可以使用以下的 JavaScript 代码来获取选中的多选框的值，并将它们相加：

// 获取多选框元素
let checkbox1 = document.getElementById("checkbox1");
let checkbox2 = document.getElementById("checkbox2");
let checkbox3 = document.getElementById("checkbox3");

// 获取所选中的多选框的值
let value1 = checkbox1.checked ? 1 : 0;
let value2 = checkbox2.checked ? 2 : 0;
let value3 = checkbox3.checked ? 3 : 0;

// 计算总和
let sum = value1 + value2 + value3;

// 输出总和
console.log(sum);

这段代码会将选中的多选框的值相加，并将结果输出到控制台。你可以根据自己的需求修改代码。

<input type="checkbox"> 选中取消事件

你可以使用 JavaScript 来编写选中和取消选中事件的处理程序。以下是一个示例代码：

HTML 代码：

<input type="checkbox" id="myCheckbox" onclick="handleCheckbox()">

JavaScript 代码：

function handleCheckbox() {
  var checkbox = document.getElementById("myCheckbox");
  if (checkbox.checked) {
    // 处理选中事件
    console.log("选中了复选框");
  } else {
    // 处理取消选中事件
    console.log("取消选中了复选框");
  }
}

在上面的示例中，我们为复选框添加了一个 `onclick` 事件，并将其绑定到 `handleCheckbox` 函数上。在函数内部，我们首先获取复选框的状态，如果它被选中，就打印一条消息表示选中了复选框；否则，打印一条消息表示取消选中了复选框。你可以根据自己的需求来定义相应的处理逻辑。