Wie um zu überprüfen, ob zwei Gruppen von radio-buttons entsprechen

Ich habe eine Reservierung Taschenrechner, wenn eine der Optionen aktiviert ist möchte ich sicherstellen, dass die drop-off Lage und die pick-up Lage sind ein in der gleichen.

Hier ist mein HTML

<div class="col-12">
    <div class="col-md-12 form-group">
    	<label for="car-rental-pickup-location" class="mb-2">Pickup Location<small class="text-danger">*</small></label><br>
    	<div class="btn-group my-tab btn-group-toggle nav" data-toggle="buttons">
    		<a href="#tab-pickup" class=" btn btn-outline-secondary flex-fill pudo" data-toggle="tab">
    			<input type="radio" name="car-rental-pickup-location" id="car-rental-pickup-location-la" class="required" value="la" required onfocus="laCheck();">Los Angeles
    		</a>
    		<a href="#tab-pickup" class="btn btn-outline-secondary flex-fill pudo" data-toggle="tab">
    			<input type="radio" name="car-rental-pickup-location" id="car-rental-pickup-location-sf" class="required" value="sf" onfocus="sfCheck();">San Francisco
    		</a>
    		<a href="#tab-pickup" class="btn btn-outline-secondary flex-fill pudo" data-toggle="tab">
    			<input type="radio" name="car-rental-pickup-location" id="car-rental-pickup-location-oc" class="required" value="oc" onfocus="laCheck();">Orange County
    		</a>
    	</div>
    
    </div>
    
    <div class="col-md-12 form-group">
    	<label for="car-rental-dropoff-location" class="mb-3">Drop-Off Location<small class="text-danger">*</small></label><br>
    	<div class="btn-group my-tab btn-group-toggle nav" data-toggle="buttons">
    		<a href="#tab-dropoff" class="btn btn-outline-secondary flex-fill pudo" data-toggle="tab">
    			<input type="radio" name="car-rental-dropoff-location" id="car-rental-dropoff-location-la" value="la" required onfocus="getpricing();">Los Angeles
    		</a>
    		<a href="#tab-dropoff" class="btn btn-outline-secondary flex-fill pudo" data-toggle="tab">
    			<input type="radio" name="car-rental-dropoff-location" id="car-rental-dropoff-location-sf" value="sf" onfocus="getpricing();">San Francisco
    		</a>
    		<a href="#tab-dropoff" class="btn btn-outline-secondary flex-fill pudo" data-toggle="tab">
    			<input type="radio" name="car-rental-dropoff-location" id="car-rental-dropoff-location-oc" value="oc" onfocus="getpricing();">Orange County
    		</a>
    	</div>
    </div>

    <input type="checkbox" name="same" value="Same"> Click for same city drop off/pick up<br>

Mit JavaScript, ich möchte, um zu erzwingen, car-rental-dropoff-location gleich car-rental-pickup-location wenn das Kontrollkästchen aktiviert ist, wie soll ich das tun?

0
2019-09-18 21:42:57
Quelle
5 Antworten

Schließlich bekam ich die Antwort: Wir können Entfernen Sie alle Sortieren durch Aufruf der clear-Methode auf SortModel.

 this.colHeaderLayer.getSortHeaderLayer().getSortModel().clear();
+2
2019-09-18 22:18:53

Wenn Sie wissen, das ISortModel ist dies eine option. Eine andere option wäre Feuer eine SortColumnCommand mit SortDirectionEnum#NONE an.

natTable.doCommand(new SortColumnCommand(sortHeaderLayer, 0, SortDirectionEnum.NONE));
+2
2019-09-18 22:18:53

Sie können babel, um Sie zu transformieren

npm install --save-babel-core

Dann in deinem code

var babel = require('babel-core');
var Component = eval(babel.transform('<div><MyComponent /></div>').code);

Oder Sie können reagieren-html-parser

import React from 'react';
import ReactHtmlParser, { processNodes, convertNodeToElement, htmlparser2 } from 'react-html-parser';

class HtmlComponent extends React.Component {
  render() {
    const html = '<div>Example HTML string</div>';
    return <div>{ ReactHtmlParser(html) }</div>;
  }
}

Das ist aber allgemein schlecht üben, wenn transform Zeichenfolge execuatable code

+0
2019-09-18 22:39:09

Sie können die Anzeige showMe " state variable in dom, die durch die Nutzung der dangerouslySetInnerHTML.

<div dangerouslySetInnerHTML={{ __html: state.showMe }}></div>

Hier ist die demo für Sie arbeiten
https://stackblitz.com/edit/react-i9ha5h

+0
2019-09-18 22:39:09

Es scheint, Sie haben einen string, wo der backslash Darstellung in der Regel zur Darstellung von nicht-ascii-Zeichen ersetzt wurde durch ein Prozent-Zeichen basiert Konvention.

Die Lösung ist der Austausch der precent Zeichen mit backslashes als du versucht hast - dann encodieren zu bytes und decodieren von unicode-escape - codec. Das Ergebnis wird eine Python - 0.000000e+0n.

>>> s = '%%u0E1E%%u0E1A%%u0E40%%u0E08%%u0E2D%%u0E02%%u0E27%%u0E14%%u0E40'
>>> # Encode to latin-1 as it won't lose any information.
>>> result = s.replace('%%', '\\').encode('latin-1').decode('unicode-escape')
>>> result
'พบเจอขวดเ'
>>> # Result is longer than we expected
>>> expected = 'พบเจอ' 
>>> result == expected
False
>>> expected in result
True
>>> result.startswith(expected)
True
+0
2019-09-18 22:41:36

Sehen Sie sich andere Fragen zu Tags an