如果我的 html 复选框在 html 中被选中，我该如何检查 javascript答案

【问题标题】：How do I check in javascript if my html checkbox is checked in html如果我的 html 复选框在 html 中被选中，我该如何检查 javascript
【发布时间】：2022-12-14 21:26:59
【问题描述】：

我目前正在做一个图书馆项目，你有一个表格，你可以在其中放置关于一本书的不同信息，如果你已经读过这本书，你还必须选中一个复选框。好吧，我想做的是，如果复选框被选中，我希望将要显示在 html 中的文本内容为已读，或者如果未选中复选框，则文本内容为未读。在此先感谢，如果这个问题打扰到任何人，我们深表歉意

<body>
    <div class="container">
      <div class="form-heading">
        <h1>Add new book to the library</h1>
      </div>
      <div class="books-heading">
        <h1>Current books in the library</h1>
      </div>
      <div class="form">
        <button class="add-book-button">Add new book</button>
        <div id="add-book-form" style="display:none">
          <form id="add-book">
            <label for="Title">Title:</label>
            <input type="text" id="Title" name="Title" />
            <label for="Author">Author:</label>
            <input type="text" id="Author" name="Author" />
            <label for="Pages">Pages:</label>
            <input type="number" id="Pages" name="Pages" />
            <div class="is-read"><label for="Read">Have you read it?</label>
                <input class="checkbox" type="checkbox" id="Read" name="Read" />
            </div>
            
          </form>
          <button type="submit" class="submit-button">Submit to library</button>
          <button type="reset" class="reset-button">Reset</button>
        </div>
      </div>
      <div class="books"></div>
    </div>
  </body>

function intakeFormData(){
    let Title = document.getElementById("Title").value;
    let Author = document.getElementById("Author").value;
    let Pages = document.getElementById("Pages").value;
    let Read = document.getElementById("Read").value;
    if(Read === true){
        Read.textContent = "Read";
       
    }else{
        Read.textContent = "Not read";
    }

【问题讨论】：

你也可以发布html吗？
我编辑了帖子 rn

标签： javascript

【解决方案1】：

我变了读===真至读.检查

以下是获取复选框值的方法：

  // Read.checked
  if (Read.checked) {
    // update the text content of the <p> tag
    document.getElementById("read-status").textContent = "Read";
  } else {
    document.getElementById("read-status").textContent = "Not read";
  }

这是完整的代码：

function intakeFormData() {
  let Title = document.getElementById("Title").value;
  let Author = document.getElementById("Author").value;
  let Pages = document.getElementById("Pages").value;
  let Read = document.getElementById("Read").value;

  // check if the checkbox is checked
  if (Read.checked) {
    // update the text content of the <p> tag
    document.getElementById("read-status").textContent = "Read";
  } else {
    document.getElementById("read-status").textContent = "Not read";
  }
}

【讨论】：