按钮组使用JQuery更改功能

-2

我有一个按钮组和一个on.click函数它正在工作。但与on.change不同。按钮组使用JQuery更改功能

  <div class="ui buttons"> 
       <button class="ui button">Value 1</button> 
       <button class="ui button">Value 2</button> 
       <button class="ui button">Value 3</button> 
      </div>

这里是我的功能

$('.ui.button').on('click change', function(){ 
    alert(...) 
});

当我使用这个没有点击，它不工作。

来源

2015-08-09 Wolfgang Müller

以及如何将onchange事件被触发？ – Chris

按钮没有onchange事件！ – CyC0der

正如评论中指出的那样，按钮没有on change事件，但是如果你想在onclick和onchange事件中使用某些东西，我可以推荐一个radio按钮吗？

来源

2015-08-09 14:22:09

好吧..是的，我已经改变它到收音机。我用buttonset试过，因为它看起来更好看。我正在使用semantic-ui –

@WolfgangMüller您可以设置单选按钮的样式，使其看起来像一个按钮，请参阅我的答案。 – zer00ne

您可以将单选按钮样式设置为普通按钮。

见POST

body { font: 400 16px/1.45 "Palatino Linotype"; } 
 
.buttons { 
 
    margin: 4px; 
 
    float: left; 
 
    border-radius: 12px; 
 
    font-variant: small-caps; 
 
} 
 
.buttons .button { 
 
    float: left; 
 
    width: 70px; 
 
    margin: 4px; 
 
    background-color: #111; 
 
    border-radius: 6px; 
 
    border: 1px solid #0FF; 
 
    overflow: auto; 
 
} 
 
.buttons .button span { 
 
    text-align: center; 
 
    font-size: 16px; 
 
    padding: 4px 0px; 
 
    display: block; 
 
} 
 
.buttons .button .check { 
 
    position: absolute; 
 
    top: -20px; 
 
} 
 
.buttons .check:checked + span { 
 
    background-color: #0FF; 
 
    color: #111; 
 
    border: 1px solid #0FF; 
 
} 
 
.buttons .button { 
 
    background-color: #111; 
 
    color: #0FF; 
 
}

<fieldset class="ui buttons"> 
 
    <label class="ui button"> 
 
    <input type="radio" class="check" name="toggle"><span>Value 1</span> 
 
    </label> 
 
    <label class="ui button"> 
 
    <input type="radio" class="check" name="toggle"><span>Value 2</span> 
 
    </label> 
 
    <label class="ui button"> 
 
    <input type="radio" class="check" name="toggle"><span>Value 3</span> 
 
    </label> 
 
</fieldset>

来源

2015-11-07 13:11:10 zer00ne

按钮组使用JQuery更改功能

回答

相关问题