Question

HTML元素/标签怎么能这样：

<input type="checkbox" id="1234"  checked onClick="replace(1234)"> I have a car<br>

点击后

替换为

<input type="checkbox" id="1234" unchecked onClick="replace(1234)"> I have a car<br>

我想只替换输入标记并更改位置

中的HTML代码

由于

Answer 1

$('#1234').click(function(){
    if($(this).is(':checked')) {
      $(this).attr('checked',true);
      console.log('checked')
    }
    else {
      $(this).attr('checked',false);
      console.log('unchecked')
    }
});

<!DOCTYPE html>
<html>
<header>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
</header>
<body>

<input type="checkbox" id="1234"  checked > I have a car<br>
</body>
</html>

请检查上面的代码段。这可能有所帮助。

Answer 2

这将检查元素是否具有属性checked，如果是，那么它将删除它并设置一个名为unchecked的新属性

＆＃13;

function replace(id) {
  var attr = $("#" + id).attr('checked');
  // For some browsers, `attr` is undefined; for others,
  // `attr` is false.  Check for both.
  if (typeof attr !== typeof undefined && attr !== false) {
    $("#" + id).removeAttr('checked').attr("unchecked", "")
  }
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="checkbox" id="1234" checked onClick="replace(1234)"> I have a car<br>

＆＃13;

Answer 3

使用以下代码。它会对你有所帮助：

$('#1234').click(function(){
    if($(this).is(':checked'))
      $(this).attr('checked',true);
    else
      $(this).removeAttr('checked');
});

Answer 4

您可以直接调用复选框点击事件，如下面的代码所示

＆＃13;

$(document).on("click", "input[name='chk']", function() {
  //alert(this.id);
  debugger;

  var ischecked2 = $(this).is(':checked');

  if (ischecked2) { //checked
    console.log("checked");
  } else { //unchecked
    console.log("unchecked");
  }
});

＆＃13;

<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.0.min.js">
</script>

<input type="checkbox" id="1234" name="chk"> I have a car<br>

＆＃13;

在单击复选框中设置属性

4 个答案: