0

我有这个扰流板代码。

HTML： 

<input type='button' class="splLink" value='Show'>
<div class="splCont">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.<br />
    <input type='button' class="splLink" value='Show'>
    <div class="splCont">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. <br />
        <input type='button' class="splLink" value='Show'>
        <div class="splCont">
            Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
        </div>
    </div>
</div>

JavaScript：

$(document).ready(function() {
    $(".splLink").click(function() {
        $(this).next().slideToggle("fast");
        $(this).val($(this).val() == 'Show' ? 'Hide' : 'Show'); 
        return false; 
    });
});

CSS：

.splCont {
    display: none; 
    padding-top: 10pt;
}
.splLink {
    font-family: arial, verdana, ms sans serif;
    cursor: pointer;
}

示例：JSFIDDLE

谁能告诉我如何在代码中为按钮添加默认值，我可以在没有 value 属性的情况下在 html 中使用扰流板？像这样的东西：

<input type='button' class="splLink">
<div class="splCont">
    Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. 
</div>
4

2 回答 2

2

我会在加载时将它们全部设置为某些东西。

$('.splLink').load(function() {
    $(this).val("Show");
})

JSFIDDLE

集成到您现有的初始化中：

$(document).ready(function() {
    $(".splLink").click(function() {
        $(this).next().slideToggle("fast");
        $(this).val($(this).val() == 'Show' ? 'Hide' : 'Show'); 
        return false; 
    }).val("Show");
});
于 2013-08-12T13:49:10.797 回答
1

在 HTML 中，设置按钮值的方法是使用value属性。如果您不想使用它，可以使用 jQueryval()方法以编程方式设置默认值：

$('input.splLink').val('My Value');
于 2013-08-12T13:48:55.783 回答