Ändern Sie die Rahmenfarbe für den Button klicken

-1

Ich möchte den Rand der Schaltfläche ändern, wenn ich einmal darauf klicken und ändern, wenn ich erneut darauf klicken. (Nur, wenn ich darauf klicke) Weil ich 16 Schaltfläche in gleichen class.So haben möchte ich es möglich machen in fünf von ihnen in der gleichen Zeit zu klicken oder alle, etc ...Ändern Sie die Rahmenfarbe für den Button klicken

HTML

<button onclick="TogglePkgGroups('M16.1')" class="pool" id="M16.1">M16.1</button> 
<button onclick="TogglePkgGroups('M16.2')" class="pool" id="M16.2">M16.2</button> 
<button onclick="TogglePkgGroups('M17')" class="pool" id="M17">M17</button> 
<button onclick="TogglePkgGroups('MR17')" class="pool" id="MR17">MR17</button> 
<button onclick="TogglePkgGroups('MSS16c')" class="pool" id="MSS16c">MSS16c</button> 
<button onclick="TogglePkgGroups('MSS17')" class="pool" id="MSS17">MSS17</button> 
<button onclick="TogglePkgGroups('MSS17c')" class="pool" id="MSS17c">MSS17c</button> 
<button onclick="TogglePkgGroups('T15.0')" class="pool" id="T15.0">T15.0</button> 
<button onclick="TogglePkgGroups('T15.0c')" class="pool" id="T15.0c">T15.0c</button> 
<button onclick="TogglePkgGroups('T15.5')" class="pool" id="T15.5">T15.5</button> 
<button onclick="TogglePkgGroups('T15.5c')" class="pool" id="T15.5c">T15.5c</button> 
<button onclick="TogglePkgGroups('T15.8')" class="pool" id="T15.8">T15.8</button> 
<button onclick="TogglePkgGroups('T15.8c')" class="pool" id="T15.8c">T15.8c</button> 
<button onclick="TogglePkgGroups('T16.2')" class="pool" id="T16.2">T16.2</button> 
<button onclick="TogglePkgGroups('T16.2c')" class="pool" id="T16.2c">T16.2c</button> 
<button onclick="TogglePkgGroups('T16.5')" class="pool" id="T16.5">T16.5</button>

Quelle

2016-07-06 Rickley14

http://api.jquery.com/click & http://api.jquery.com/toggleclass –

Ich bezweifle, dass diese _ _identifiers'_ – Rayon

'toggleClass' sind, um dies zu erreichen, und diese Klasse enthält' Grenze : 1px solid #color; 'wo ersetzen Sie #color mit Farbcode erforderlich. Werfen Sie einen Blick auf die Jquery-API-Dokumentation –

<button class="pool" id="M16.1">M16.1</button> 
<button class="pool" id="M16.2">M16.2</button> 
<button class="pool" id="M17">M17</button> 
<button class="pool" id="MR17">MR17</button> 
<button class="pool" id="MSS16c">MSS16c</button> 
<button class="pool" id="MSS17">MSS17</button> 
<button class="pool" id="MSS17c">MSS17c</button> 
<button class="pool" id="T15.0">T15.0</button> 
<button class="pool" id="T15.0c">T15.0c</button> 
<button class="pool" id="T15.5">T15.5</button> 
<button class="pool" id="T15.5c">T15.5c</button> 
<button class="pool" id="T15.8">T15.8</button> 
<button class="pool" id="T15.8c">T15.8c</button> 
<button class="pool" id="T16.2">T16.2</button> 
<button class="pool" id="T16.2c">T16.2c</button> 
<button class="pool" id="T16.5">T16.5</button>

Skript:

$(function(){ 
$(this).click(function(){ 
    $($this).toogleClass('select-pool'); 
}); 
});

und CSS für select-pool:

.select-pool{ 
    border-color: red/*chabge it according your color*/ 
}

Quelle

2016-07-06 10:01:01

Ändern Sie die Rahmenfarbe für den Button klicken

Antwort

Verwandte Themen