切换复选框

Question

基本上，如果URL具有cl=true ，我想切换复选框

网址： http：// localhost：8080 / general-setup？cl = true

我的代码：

//auto toggle clone if cl=true
var url = window.location.href;
if(url.contains('cl=true')) {
    $('#existingImageToggler').click();
}

我收到一个错误：

未捕获的TypeError：url.contains不是函数

Answer 1

试试下面的代码片段，

//auto toggle clone if cl=true
if(window.location.href.contains("cl=true")) {
     var inputs = document.getElementsById("existingImageToggler");
    inputs[i].checked = !inputs[i].checked;
}

Answer 2

将URL转换为字符串，将taht字符串转换为小写，比使用contains方法检查

if("http://localhost:8080/general-setup?cl=true".toLowerCase().contains("cl=true")){
   //logic
}

Answer 3

您是否正在寻找这样的东西？

if(window.location.href.indexOf("cl=true") > -1) {
     $('#existingImageToggler').prop('checked', true);
}

这是非常基本的检查，如果url包含cl=true

Answer 4

使用indexOf

 var txt ='http://localhost:8080/general-setup?cl=true'; if (txt.indexOf('cl=true') != -1) { console.log($('#existingImageToggler').click()); } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div id='existingImageToggler'></div> 

Answer 5

要切换复选框，可以使用.prop()函数。

$('#existingImageToggler').prop('checked', window.location.href.indexOf('cl=true') != -1);

第二个参数应为布尔值（ true|false ）。 除了进行if-else构造之外，您还可以在其中放置条件...为您节省一些代码...

Answer 6

你可以做这样的事情

<input type="checkbox" id="chkid" name="">

<script>
//auto toggle clone if cl=true
var url = window.location.href;

if(url.search('cl=true') != -1) {
   $('#chkid').trigger('click');
}

</script>