javascript - 访问函数中动态添加的复选框以检查它们

Question

我在 php 中有一个页面，它从另一个 php 脚本加载一组类别，这些是复选框。

复选框格式

<input type='checkbox' class='cat-selector' id='Bussiness' data-toggle='checkbox'/>
<input type='checkbox' class='cat-selector' id='Marketting' data-toggle='checkbox'/> 

现在，如果我有 url localhost/newproj/search?category=Business 我想检查 url 中的那些类别复选框

Answer 1

<input type='checkbox' class='cat-selector' id='Bussiness' data-toggle='checkbox' <?php echo (isset($_GET['Category']) && $_GET['Category'] == 'Bussiness')?'checked':''?>/>
<input type='checkbox' class='cat-selector' id='Marketting' data-toggle='checkbox' <?php echo (isset($_GET['Category']) && $_GET['Category'] == 'Marketting')?'checked':''?>/>

Answer 2

您想在 jquery/客户端代码中执行类似的操作，以查看您的复选框 id 是否与类别参数相同。

$.ajax({
    url : '/newproj/search?category=Business',
    success : function(data){
       $(".cat-selector").each(function(){
       if($(this).prop("id") === getParameterByName("category")){
          $(this).prop("checked","checked");
       }
    }); 
    } });

function getParameterByName(name) {
    name = name.replace(/[\[]/, "\\\[").replace(/[\]]/, "\\\]");
    var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
        results = regex.exec(location.search);
    return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}

您需要 jQuery 1.8 或更高版本才能使用 prop 函数。否则，您将不得不使用 attr 函数。

您也可以按照其他答案中的建议在服务器端执行此操作。

Answer 3

也许你可以使用 window.location.pathname

看到这个问题： Get current URL in JavaScript?

然后与 jquery 结合 attr('checked','checked') http://api.jquery.com/attr/

Answer 4

尝试这个：

<input type='checkbox' class='cat-selector' id='Bussiness' value='Business' data-toggle='checkbox' <?php
echo (isset($_REQUEST['category']) && $_REQUEST['category']=='Business')?'checked':'' ?> />
Business
<input type='checkbox' value='Marketing' class='cat-selector' id='Marketting' data-toggle='checkbox' <?php
echo (isset($_REQUEST['category']) && $_REQUEST['category']=='Marketting')?'checked':'' ?> />
Marketing