一页上的JQUERY按钮组单选

Question

大家好，我正在尝试让多个单选按钮在一个页面上工作。这是我的想法。

我有几个选择

        Days 1 2 3 4 5
Item         x
Item 2         x
Item 3               x

我想用 jquery 背诵这个想法。我有 html 中的基本布局，并且我有适当的单选按钮准备好选择，很有魅力，但是添加 jquery 按钮集对我作为一个类不起作用，因为一个 ID 显然它会改变每个项目。

JAVASCRIPT

$( ".radio-days" ).buttonset();

小便干草

<?php 
    for($j = 0; $j < 5; $j++)
    {
?>

    <form>
        <div id='item<?php echo $j; ?>' class='radio-days'>
        <?php 
            for($i = 0; $i < 8; $i++)
            {
            ?>
            <input type="radio" id="radio<?php echo $i; ?>" name="radio<?php echo $i; ?>" /><label for="radio<?php echo $i; ?>"><?php echo $i; ?></label>
            <?php
            }
        ?>
        </div>
    </form>

<?php
    }
?>

这里绝对急需帮助:(

Answer 1

您不能在 html 中分配具有多个元素的 id。试试

<?php 
    for($j = 0; $j < 5; $j++)
    {
?>

    <form>
        <div id='item<?php echo $j; ?>' class='radio-days'>
        <?php 
            for($i = 0; $i < 8; $i++)
            {
            ?>
            <input type="radio" id="radio<?php echo $j; ?>_<?php echo $i; ?>" name="radio<?php echo $j; ?>" /><label for="radio<?php echo $j; ?>_<?php echo $i; ?>"><?php echo $i; ?></label>
            <?php
            }
        ?>
        </div>
    </form>

<?php
    }
?>