切換復選框

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>