Question

我在使用jQuery-UI buttonset（）函数显示/隐藏一些文本输入时遇到问题。这是HTML：

<div id="issubtitled">
    <input type="radio" id="unsubtitled" name="subtitled" checked="checked" /><label for="unsubtitled">No Sub-Title</label>
    <input type="radio" id="subtitled" name="subtitled" /><label for="subtitled">With Sub-Title</label>
</div>
<p id="psubtitle">
    <label>Sub-Title: </label>
    <input type="text" id="subtitle" name="subtitle" value="" />
</p>

在这种形式中，我想在用户选择按钮组时显示和隐藏#psubtitle。请注意，我在以下.js代码中使用jQuery-UI buttonset（）：

var $j = jQuery.noConflict();
$j(document).ready(function(){
    $j("#psubtitle").hide();
    $j("#issubtitled").buttonset().click(function(){
        /* what should I do there? */
        return false;
    });
});

Answer 1

你的意思是：

$j("#psubtitle").show();

Answer 2

http://jsfiddle.net/rlemon/uV9uG/

您需要确定选择哪个无线电选项，我只是使用了他们的ID

您还希望为要隐藏的块使用类名，然后您可以一次隐藏多个。看看我上面的例子。

或者你可以让它更小..可能更有效率。 http://jsfiddle.net/rlemon/uV9uG/7/

jQuery-UI：使用buttonset（）显示和隐藏文本输入

2 个答案: