php - 如何使用 jQuery 更新带有多个变量的输入框或标签

Question

我正在尝试学习 jQuery 并且有一个问题对于已经熟悉它的人来说可能非常简单。

应用: 将 PHP 与 jQuery 和 Bootstrap Toggle Buttons (http://www.larentis.eu/bootstrap_toggle_buttons/) 结合使用，根据用户“打开”的切换按钮创建动态链接地址。

现在我正在使用表单来发布切换按钮状态，一旦页面重新加载它然后拉出那些 POST 变量并将它们附加到链接。

我想做的是让 jQuery 在用户切换按钮时自动更改页面上的链接，而不必使用表单发布。

我希望能够在每次切换切换按钮时以通俗易懂的方式进行解释:

$link = "http://www.mydomain.com/students.php?view="

if jQuery toggle-button-1 = on then add "name"
if jQuery toggle-button-2 = on then add "id"
if jQuery toggle-button-3 = on then add "address"

// If toggle-button-1 and toggle-button-2 were on and toggle-button-3 was off
// then $views would equal
$views = "name,id"

// On the webpage it would then display

http://www.mydomain.com/students.php?view=name,id

// If the person toggled toggle-button-1 to off, the link would display:

http://www.mydomain.com/students.php?view=id

我希望我已经对此进行了解释，以便您能够理解它...我正在尝试做的事情非常简单，而且我知道如何在 PHP 中执行此操作，但我觉得我一直在网上搜索一些东西这应该很简单，我似乎无法理解它。

如果有人能帮助我或指出正确的方向，我将不胜感激!

谢谢!!

Answer 1

这是我在 jsFiddle 上的例子

HTML

<input type="checkbox" name="name" value="name" id="name" /> name<br />
<input type="checkbox" name="id" value="id" id="id" /> id<br />
<input type="checkbox" name="address" value="address" id="address" /> address<br />
Link: <input type="text" name="url" value="" id="url" />

JavaScript

$(function() {
    var link = "http://jsfiddle.net/mouse0270/chnyy/"
    $('input[type=checkbox]').change(function () {
        var viewItems = "";
        $('input[type=checkbox]:checked').each(function () {
            viewItems += ','+$(this).val();
        });
        $('#url').val(link+'?view='+viewItems.substring(1));                  
    });         
});​